addeventlistener js что это
Метод addEventlistener
используется для прослушивания событий на элементах DOM-дерева. Он позволяет назначать функцию обработчика событий, и будет вызываться при возникновении определенного события, например: клик, наведение курсора мыши, нажатие клавиши и прочие. Имеет несколько преимуществ перед использованием свойства onEvent
, так как он позволяет назначать несколько обработчиков на одно и то же событие, контролировать всплытие собития, удалять обработчик (в том числе автоматически).
Пример использования addEventListener
:
const button = document.querySelector('#myButton');
function handleClick() {
alert('Нажали кнопку');
}
button.addEventListener('click', handleClick);
В этом примере мы используем addEventListener
для прослушивания события click
на кнопке с id="myButton"
. Когда пользователь кликает на эту кнопку, будет вызвана функция handleClick
, которая отображает всплывающее окно с сообщением.