Что такое EventTarget

EventTarget — это интерфейс в DOM, который позволяет объектам получать события и реагировать на них. Он предоставляет методы addEventListener(), removeEventListener() и dispatchEvent().

Пример:

const button = document.querySelector('button');

// Добавляем обработчик события
button.addEventListener('click', () => {
  console.log('Кнопка нажата!');
});

// Имитируем событие
button.dispatchEvent(new Event('click'));

Основные нюансы:

• EventTarget реализуют все DOM-узлы (Element, Document, Window и др.).
• Можно добавлять несколько обработчиков на одно событие.
• dispatchEvent() используется для ручного вызова событий.