JavaScript События
События HTML - это "вещи", которые происходят с элементами HTML.
Когда JavaScript используется на HTML страницах, JavaScript может "реагировать" на эти события.
HTML события
Событие HTML может быть чем-то, что делает браузер или пользователь.
Вот несколько примеров HTML событий:
- Веб страница HTML завершила загрузку
- Поле ввода HTML было изменено
- Была нажата кнопка HTML
Часто, когда случаются события, которые вы можете захотеть что-то сделать.
JavaScript позволяет выполнять код при обнаружении событий.
HTML позволяет добавлять атрибуты обработчика событий кодом JavaScript в элементы HTML.
В одинарных кавычках:
<element
event='some JavaScript'>
С двойными кавычками:
<element
event="some 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 | Браузер завершил загрузку страницы |
Список намного длиннее: Schoolsw3 Справочник по JavaScript События HTML DOM ..
Что умеет JavaScript?
Обработчики событий могут использоваться для обработки и проверки пользовательского ввода, действий пользователя и действий браузера:
- Что нужно делать каждый раз при загрузке страницы
- Что нужно делать, когда страница закрыта
- Действие, которое должно выполняться, когда пользователь нажимает кнопку
- Контент, который следует проверять, когда пользователь вводит данные
- И больше ...
Чтобы JavaScript работал с событиями, можно использовать множество различных методов:
- Атрибуты событий HTML могут напрямую выполнять код JavaScript
- Атрибуты событий HTML могут вызывать функции JavaScript
- Вы можете назначить свои собственные функции обработчика событий элементам HTML.
- Вы можете запретить отправку или обработку событий
- И больше ...
Вы узнаете гораздо больше о событиях и обработчиках событий в главах HTML DOM.
