Как добавить HTML элементу обработчик события?

Как добавить HTML элементу обработчик события?

addEventListener() Добавляет элементу действие, которое будет выполнено после срабатывания события. Например, на клик мышки или нажатие клавиши.

Найдём первую кнопку на странице и будем выводить сообщение в консоль, когда произошёл клик по этой кнопке.

 const element = document.querySelector('button')

 element.addEventListener('click', function (event) {
   console.log('Произошло событие', event.type)
 })

При вызове функции, в неё передаётся специальный объект (в примере выше event), который у разных типов событий разный. Например, у событий нажатия клавиши есть код клавиши, а у событий перемещения мыши - координаты.


Share Tweet Send
0 Комментарии
Загрузка...
You've successfully subscribed to Pinta IT 🍺
Great! Next, complete checkout for full access to Pinta IT 🍺
Welcome back! You've successfully signed in
Success! Your account is fully activated, you now have access to all content.