Перевод не завершен. Пожалуйста, помогите перевести эту статью с английского.

Интерфейс EventListener представляет собой объект, который может обработать событие, отправленное объектом EventTarget.

Синтаксис

void handleEvent(in Event event);

Методы

handleEvent()

Этот метод вызывается всякий раз, когда присходит событие того типа, для которого был зарегистрирован интерфейс EventListener.

void handleEvent(
  in Event event
);
Параметры
event
Событие DOM Event для которого регистрируется обработчик.

Примечания

Поскольку у интерфейса отмечен флаг [function], все объекты JavaScript Function автоматически реализуют этот интерфейс. Вызов метода handleEvent() на такой реализации автоматически вызовет эту функцию.

 

Пример

HTML

<button id="btn">Нажми сюда!</button>

JavaScript

const buttonElement = document.getElementById('btn');

// Добавим обработчик для события "click", предоставив callback.
// Теперь по клику на элемент будет всплывать подсказка.

buttonElement.addEventListener('click', function (event) {
  alert('События вызвано функцией!');
}); 

// Теперь привяжем обработчик через объект, содержащий функцию

buttonElement.addEventListener('click', { 
  handleEvent: function (event) { 
    alert('Событие вызвал handleEvent!'); 
  } 
});

Результат

 

Смотрите также

Метки документа и участники

Внесли вклад в эту страницу: m-kon, daydarkln, insafski, einperegrin
Обновлялась последний раз: m-kon,