События в JavaScript
События в JavaScript — это реакции браузера на действия пользователя или изменения на странице. Когда пользователь кликает на кнопку, вводит текст, двигает мышь или загружает страницу, браузер генерирует соответствующее событие, которое можно обработать с помощью JavaScript.
Событие — это сигнал браузера о том, что произошло какое-то действие. Например:
Пользователь кликнул по кнопке (
click).Курсор мыши навёлся на элемент (
mouseover).Форма была отправлена (
submit).Клавиша на клавиатуре нажата (
keydown).Страница загрузилась (
load).
JavaScript позволяет отслеживать эти события и выполнять нужные действия, используя обработчики событий.
Самые распространённые события в JavaScript
| Событие | Описание |
|---|---|
click | Клик по элементу |
dblclick | Двойной клик |
mousedown | Нажатие кнопки мыши |
mouseup | Отпускание кнопки мыши |
mousemove | Движение мыши |
mouseover | Наведение на элемент |
mouseout | Уход курсора с элемента |
keydown | Нажатие клавиши |
keyup | Отпускание клавиши |
input | Ввод данных в поле |
change | Изменение значения |
submit | Отправка формы |
focus | Фокус на элементе |
blur | Потеря фокуса |
load | Загрузка страницы |
scroll | Прокрутка |
resize | Изменение размеров окна |
Оброботчики событий бывают разными, но вот пример с одним из них
<button onclick="alert('Кнопка нажата!')">Нажми меня</button>