addEventListener()

Обновлено: 15.03.2023

Визначення та використання

Метод addEventListener()приєднує обробник події до вікна.

Синтаксис

window.addEventListener(event, function, Capture)

Параметри

ПараметрОпис
eventВимагається. Назва події. Не використовуйте префікс "on". Використовуйте "click" замість "onclick".
functionВимагається.
Функція, яка запускається, коли відбувається подія.

Коли відбувається подія, об’єкт події передається функції як перший параметр. Тип об'єкта події залежить від зазначеної події. Наприклад, подія "click" належить об'єкту MouseEvent.
captureНеобов’язковий (за умовчанням = false). true - обробник виконується на етапі захоплення. false - обробник виконується у фазі витікання.

Повернене значення

NONE

Підтримка браузера

addEventListener()

Посмотреть совместимость на Can I use?

addEventListener()

Приклади

Додайте обробник події клацання до вікна:

window.addEventListener("click", myFunction);

function myFunction() {
  document.getElementById("demo").innerHTML = "Hello World";
}

Простіший синтаксис:

window.addEventListener("click", function(){
  document.getElementById("demo").innerHTML = "Hello World";
});