В JavaScript события — это действия или события, которые происходят в браузере или на веб-странице, например, нажатие пользователем кнопки или отправка формы. События можно обнаруживать и обрабатывать с помощью обработчиков событий, которые представляют собой функции, выполняемые в ответ на определенное событие.
Вот пример того, как добавить прослушиватель событий к элементу кнопки в JavaScript:
const button = document.querySelector('button');
button.addEventListener('click', () => {
console.log('Button clicked!');
});
Этот код добавляет прослушиватель событий щелчка к элементу кнопки и записывает сообщение в консоль при нажатии кнопки.
Существует множество различных типов событий, которые можно обнаружить и обработать в JavaScript, например, события мыши, события клавиатуры и события формы. Вот несколько примеров:
// Mouse events
element.addEventListener('click', () => {});
element.addEventListener('mousedown', () => {});
element.addEventListener('mouseup', () => {});
element.addEventListener('mousemove', () => {});
// Keyboard events
element.addEventListener('keydown', () => {});
element.addEventListener('keyup', () => {});
element.addEventListener('keypress', () => {});
// Form events
element.addEventListener('submit', () => {});
element.addEventListener('reset', () => {});
element.addEventListener('input', () => {});
Когда событие инициируется, объект события передается функции обработчика событий в качестве параметра. Этот объект содержит информацию о событии, такую как целевой элемент и любые связанные данные.
Обработка событий является неотъемлемой частью веб-разработки и позволяет создавать динамические и интерактивные веб-страницы, которые реагируют на действия пользователя.
