JavaScript на HTML 5

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

Нет метода addEvent как части javascript, это может быть внешне написанная функция. Существует 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);
});

См. здесь для получения дополнительной информации о локальном хранилище.