JavaScript События
HTML события - это "что-то", что происходит с HTML элементами.
Когда JavaScript используется на HTML страницах, JavaScript может "реагировать" на эти события.
HTML События
HTML-событие может быть тем, что делает браузер, или тем, что делает пользователь.
Вот несколько примеров HTML событий:
- HTML-страница закончила загрузку
- Поле ввода HTML было изменено
- Нажата кнопка HTML
Часто, когда происходят события, вы можете захотеть что-то сделать.
JavaScript позволяет выполнять код при обнаружении событий.
HTML позволяет добавлять атрибуты обработчика событий с кодом JavaScript к HTML єлементам.
С одинарными кавычками:
<элемент
event='какой-то JavaScript'>
С двойными кавычками:
<элемент
event="какой-то JavaScript">
В следующем примере атрибут onclick (с кодом) добавляется к элементу
<button>:
Пример
<button onclick="document.getElementById('demo').innerHTML = Date()">Который час?</button>
Попробуйте сами »
В приведенном выше примере JavaScript код изменяет содержимое элемента с id="demo".
В следующем примере код изменяет содержимое своего собственного элемента (используя this.innerHTML):
JavaScript код часто состоит из нескольких строк. Чаще встречаются атрибуты событий, вызывающие функции:
Общие HTML события
Вот список некоторых распространённых HTML событий:
| Событие | Описание |
|---|---|
| onchange | HTML-элемент был изменен |
| onclick | Пользователь кликает HTML элемент |
| onmouseover | Пользователь наводит указатель мыши на HTML элемент |
| onmouseout | Пользователь отодвигает мышь от HTML элемента |
| onkeydown | Пользователь нажимает клавишу клавиатуры |
| onload | Браузер завершил загрузку страницы |
Список более длинный: W3Schools Справочник по JavaScript HTML DOM События.
Что может сделать JavaScript?
Обработчики событий можно использовать для обработки и проверки ввода пользователя, действий пользователя и действий браузера:
- Что нужно делать каждый раз, когда загружается страница
- Что нужно сделать, когда страница закрыта
- Действие, которое должно быть выполнено, когда пользователь нажимает кнопку
- Контент, который следует проверять, когда пользователь вводит данные
- И другое ...
Можно использовать много разных методов, чтобы JavaScript мог работать с событиями:
- Атрибуты событий HTML могут выполнять код JavaScript напрямую
- Атрибуты событий HTML могут вызывать функции JavaScript
- Вы можете назначить свои собственные функции обработчика событий элементам HTML
- Вы можете запретить отправку или обработку событий
- И другое ...
Вы узнаете намного больше о событиях и обработчиках событий в главах HTML DOM на нашем сайте W3Schools на русском.
