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!');
}
});