HTML DOM - События
События - это действия, которые могут быть опознаны JavaScript.
События
Каждый элемент на веб странице имеет определенные события, которые могут запускать функции JavaScript. Например, мы можем использоваить событие onClick элемента button для указания того, что функция будет запущена на выполнение, когда пользователь нажимает (кликает) кнопку. Мы определяем события в HTML элементах.
Примеры событий:
- Клик мыши
- Загрузка веб страницы или изображения
- Перемещение мыши над определенной зоной на веб странице
- Переход на элемент ввода в HTML форме
- Отправка HTML формы
- Нажатие клавиши
Замечание: События обычно используются совместно с функциями, тогда функция не будет выполнена, пока не произойдет соответствующее событие!
onload и onUnload
События onload и onUnload происходят, когда пользователь заходит или покидает страницу.
Событие onload часто используется для проверки типа и версии браузера пользователя, чтобы загрузить подходящую версию веб страницы на основании этой информации.
Оба события onload и onUnload также часто используются для обработки cookies, которые должны быть установлены, когда пользователь заходит или покидает страницу. Например, вы могли бы создать выскакивающее окно, спрашивающее имя пользователя при первом посещении вашей страницы. Имя часто хранится в cookie. В следующий раз, когда посетитель вновь прибудет на вашу страницу, вы могли бы создать другое выскакивающее окно, говорящее нечто вроде: "Добро пожаловать Вася Петров!".
onFocus, onBlur и onChange
События onFocus, onBlur и onChange часто используются для проверки полей формы.
Ниже пример использования события onChange. Функция checkEmail() будет вызываться каждый раз, когда пользователь изменяет содержимое поля e-mail:
| E-mail: <input type="text" id="email" onchange="checkEmail()" /> |
|
