EventListener

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

Примечание: Из-за необходимости совместимости с унаследованным контентом, EventListener принимает функцию или объект с методом handleEvent(). Это показано в примере ниже.

Свойства

Интерфейс не реализует и не наследует никаких свойств.

Синтаксис

void handleEvent(in Event event);

Методы

handleEvent()

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

void handleEvent(
  in Event event
);
Параметры
event

Событие DOM Event для которого регистрируется обработчик.

Примечания

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

Пример

HTML

html

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

JavaScript

js

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

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

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

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

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

Результат

Спецификации

{{Specifications}}

Совместимость с браузерами

{{Compat}}