Добавление слушателя событий: примеры и руководство

addEventListener (или addEventListener) - это метод JavaScript, который используется для привязки обработчиков событий к элементам DOM. С помощью этого метода можно регистрировать функции, которые будут выполняться при возникновении определенного события на элементе.

Синтаксис метода addEventListener выглядит следующим образом:

1. element: это элемент DOM, к которому нужно привязать обработчик событий.
2. event: это строка, представляющая тип события, которое нужно обрабатывать.
3. function: это функция, которая будет вызываться при возникновении события.
4. useCapture: это необязательный аргумент, который указывает, когда обработчик события должен вызываться во время фазы перехвата или во время фазы всплытия.

Примеры кода:

1. Привязка обработчика события к кнопке при нажатии:

Нажми меня

2. Привязка обработчика события к ссылке при наведении:

Наведи на меня

3. Привязка обработчика события к полю ввода при изменении значения:

4. Привязка обработчика события к документу при загрузке:

В конечном итоге, метод addEventListener является мощным инструментом для работы с событиями в JavaScript. Он обеспечивает гибкий и удобный способ привязывать обработчики событий к элементам DOM, что позволяет создавать интерактивные и отзывчивые веб-приложения.