html 5 上的 JavaScript

Question

大家好，请让我知道以下语句的含义

addEvent(window, 'storage', function (event){
    if (event.key == 'storage-event-test'){
        output.innerHTML = event.newValue;
    }
});

addEvent(dataInput, 'keyup', function (){
    localStorage.setItem('storage-event-test', this.value);
});

请解释一下什么是 addEvent() 方法以及上面代码的作用。

Answer 1

JavaScript 中没有 addEvent 方法，可能是外部编写的函数。有element.addEventListener

从您的代码中，addEvent 需要以下签名:

addEvent(obj, an_event_string, callback_fn);

第一个参数我不确定，它只接受一个对象。第二个是代表(我猜)事件的字符串，第三个是事件发生时调用的函数。

addEvent(window, 'storage', function (event){
    //for the "storage" event this function is called
   // and some info is passed in the event argument
    if (event.key == 'storage-event-test'){ //if the key is..
        output.innerHTML = event.newValue;
    }//then set the innerHtml to a value from the event
});

addEvent(dataInput, 'keyup', function (){
    //for the "keyup" event
    //save an item into local storage
    localStorage.setItem('storage-event-test', this.value);
});

参见here有关本地存储的更多信息。