Обработчики событий. Интерактивные страницы HTML реагируют на действия пользователя
Интерактивные страницы HTML реагируют на действия пользователя. Например, при нажатии на кнопку появляется диалоговое окно с сообщением, или выполняется проверка правильности введенных пользователем данных в полях формы.
В JavaScript подобная интерактивность реализована, как и в других системах программирования, возможностью перехвата и обработки событий, возникающих в результате действий пользователя или системы. Для этого в теги практически всех элементов HTML (объектов с точки зрения JavaScript) были введены атрибуты обработки событий, задающие действия, выполняемые при возникновении события, связанного с этим элементом HTML. Имя атрибута обработки события начинается с приставки on, за которым следует название события. Если событием является, например, щелчок кнопкой мыши click, то соответствующий атрибут обработки этого события называется xnclick; если обрабатываемым событием является нажатие кнопки мыши mousedown, то атрибут называется xnmousedown.
Информация о некоторых событиях некоторых элементов HTML приведена в следующей таблице.
| Событие | Применяется к объектам | Когда происходит событие |
| abort | image | Пользователь отказывается от загрузки изображения |
| blur | window, body и все объекты формы | Потеря объектом фокуса |
| change | text, textarea, select | Пользователь изменяет значение элемента |
| click | Все элементы HTML | Щелчок на элементе HTML |
| error | image, window | Загрузка документа или изображения вызывает ошибку |
| focus | window, body и все объекты формы | Окно или элемент формы получает фокус |
| keydown | Все элементы HTML | Пользователь нажимает клавишу клавиатуры |
| keypress | Все элементы HTML | Пользователь удерживает нажатой клавишу клавиатуры |
| keyup | Все элементы HTML | Пользователь отпускает клавишу клавиатуры |
| load | Тело документа | Загружается документ в браузер |
| mousedown | Все элементы HTML | Пользователь нажимает кнопку мыши |
| mousemove | Все элементы HTML | Пользователь перемещает указатель мыши в области элемента |
| mouseout | Все элементы HTML | Пользователь перемещает указатель мыши из области элемента |
| mouseover | Все элементы HTML | Пользователь перемещает указатель в область элемента |
| mouseup | Все элементы HTML | Пользователь отпускает кнопку мыши |
| mousewheel | Все элементы HTML | Пользователь крутит колесико мыши |
| move | Относительно или абсолютно позиционированный элемент | Пользователь или сценарий перемещает элемент |
| reset | form | Пользователь нажимает кнопку Reset формы |
| select | body, text, textarea | Пользователь выбирает поле ввода элемента формы или выделяет часть документа |
| submit | form | Пользователь нажимает кнопку Submit формы |
| unload | body, frameset, window | Пользователь закрывает документ |
Хорошим стилем программирования является оформление действий, выполняемых при обработке событий, в виде процедур.
Дата добавления: 2016-02-11; просмотров: 671;