События JavaScript
События JavaScript можно определить как то, что пользователь делает на сайте или в браузере. Это может быть множество различных действий, таких как нажатие кнопки, закрытие браузера, наведение курсора на элемент браузера и т. д.
Слушатели событий
JavaScript способен обнаруживать или прослушивать события, происходящие в браузере. Например, когда пользователь нажимает на определенную кнопку, JavaScript может обратить внимание на щелчок пользователя и сделать что-то после щелчка, например, вывести текст или изображение.
Чтобы указать JavaScript прослушивать событие, мы можем использовать метод addEventListener() для элемента.
eventTarget.addEventListener('click', function() {
console.log('You clicked me!');
});
В приведенном выше примере метод addEventListener() добавляется к элементу, который мы выбираем. Это может быть созданная нами кнопка, как в примере ниже, переменная, содержащая нужный элемент, и т.д.
const button = document.createElement('button');
button.addEventListener('click', function() {
console.log('You clicked me!');
});
Слушатель событий принимает два аргумента, первым из которых является событие, которое мы хотим, чтобы JavaScript слушал. В данном случае это было событие ‘click’, но это может быть mouseover, keydown, drag, scroll или любое другое событие DOM. Второй аргумент — это функция, которая указывает JavaScript, что делать после завершения события. В приведенном выше примере консоль браузера выведет сообщение: «Вы щелкнули меня!».
Теперь, когда вы изучили основы событий JavaScript и использования слушателей событий, вы можете попробовать создать свое собственное событие и слушатель событий!
