Обработка событий в JavaScript
Обработка событий
45
В JavaScript события происходят, когда что-то происходит с элементом на веб-странице. Например, когда пользователь нажимает на кнопку, прокручивает страницу или вводит текст.
JavaScript позволяет обрабатывать эти события и реагировать на них. Для этого можно использовать так называемые обработчики событий.
Обработчик события — это функция, которая будет вызвана, когда произойдет определенное событие. Для добавления обработчика события к элементу на странице необходимо использовать метод addEventListener().
Например, чтобы обработать клик на кнопке, можно добавить следующий обработчик событий:
<button id="myButton">Нажми меня</button> <script> const button = document.querySelector('#myButton'); button.addEventListener('click', () => { alert('Кнопка нажата!'); }); </script>
Этот скрипт найдет элемент с id="myButton" на странице, добавит к нему обработчик событий, который вызовет функцию-обработчик при клике на кнопку. В данном случае функция-обработчик просто показывает всплывающее окно с сообщением "Кнопка нажата!".
На этом примере можно увидеть простейший способ обработки событий в JavaScript. При работе с более сложными веб-приложениями обработка событий становится еще более важной и может потребовать более сложного подхода и большего количества кода.
March 25, 2023