Что такое события в JavaScript
События — это действия пользователя, на которые мы можем реагировать: клик мышью, ввод текста, нажатие клавиши, движение курсора и другие.
События позволяют сделать сайт интерактивным. Например, при нажатии на кнопку можно показать сообщение, отправить форму или изменить содержимое страницы.
Как обрабатывать события
Чтобы среагировать на событие, нужно выбрать элемент и добавить к нему обработчик:
const btn = document.getElementById("myButton");
btn.addEventListener("click", function() {
alert("Кнопка нажата!");
});Важно: событие записывается в кавычках ("click", "input", "keydown" и т.д.).
Часто используемые события
click— пользователь кликнул по элементуinput— пользователь что-то ввёл в полеkeydown— нажата клавиша на клавиатуреmousemove— движение мыши по экрану
Примеры с кнопкой и полем ввода
Практика: следим за нажатием клавиш
Ниже пример, где отображается последняя нажатая клавиша:
Нажмите любую клавишу…
Совет: События можно применять везде — при создании игр, форм, интерактивных карточек, калькуляторов. Это фундамент динамики сайта.
Что дальше
В следующем уроке разберём, как работать с формами и элементами ввода: input, textarea, select.