Метод addEventListener() — это стандартный способ назначения обработчиков событий в JavaScript. Он позволяет добавить функции, которые будут вызываться при наступлении определенного события, и предлагает больше возможностей и гибкости, чем старые методы вроде атрибутов событий в HTML.

Метод addEventListener позволяет привязать обработчик к элементу для какого-либо события. Он принимает три параметра:

• Тип события (например, click, keydown, mouseover).

• Функция-обработчик (функция, которая будет выполняться, когда событие произойдет).

• Опциональный параметр — настройки, такие как фаза события (всплытие или погружение).

Пример использования:

document.getElementById('myButton').addEventListener('click', function() {
  alert('Кнопка была нажата!');
});

Преимущества использования addEventListener()

• Несколько обработчиков: Для одного события можно привязать несколько обработчиков. Все они будут выполняться по очереди, не перезаписывая друг друга.

• Гибкость: Можно указать, будет ли событие срабатывать на стадии всплытия или погружения.

• Делегирование событий: Используя addEventListener, можно привязать обработчик к родительскому элементу и отслеживать события на дочерних элементах.