Обработка событий

Приложения JavaScript в браузере Navigator широко используют механизм обработки событий. События это акции, которые обычно возникают как результат некоторых действий пользователя. Например, щелчок по кнопке является событием, также как и изменение текста или перемещение мыши над гиперссылкой. Чтобы ваш скрипт реагировал на события, вы определяете обработчики событий, такие как onChange и onClick.

Обработчики Событий JavaScript:

1. Определение обработчика событий
2. Объект Event
3. Захват событий
4. Проверка данных введенных в форму

Таблица 10.1 Обработчики Событий JavaScript

Событие	Применяется к	Возникает, когда	Обработчик
Abort	изображениям	пользователь прерывает загрузку изображения (например, щёлкну гиперссылку или кнопку Stop)	onAbort
Blur	окнам и всем элементам формы	пользователь убирает фокус ввода с окна или элемента формы	onBlur
Change	текстовым полям, спискам select	пользователь изменяет значение элемента	onChange
Click	кнопкам, radio-кнопкам, переключателям/checkboxes, кнопкам submit и reset, гиперссылкам	пользователь щёлкает по элементу формы или кнопке	onClick
DragDrop	окнам	пользователь «отпускает» мышью объект в окне браузера, как при перемещении файлов	onDragDrop
Error	изображениям, окнам	загрузка документа или изображения вызвала ошибку	onError
Focus	окнам и всем элементам формы	пользователь передаёт фокус окну или элементу формы	onFocus
KeyDown	документам, изображениям, гиперссылкам, текстовым полям	пользователь нажал клавишу клавиатуры	onKeyDown
KeyPress	документам, изображениям, гиперссылкам, текстовым полям	пользователь нажал или (?) удерживает нажатой клавишу клавиатуры	onKeyPress
KeyUp	документам, изображениям, гиперссылкам, текстовым полям	пользователь отпустил клавишу клавиатуры	onKeyUp
Load	телу документа	пользователь загружает страницу в Navigator	onLoad
MouseDown	документам, кнопкам, гиперссылкам	пользователь нажал клавишу мыши	onMouseDown
MouseMove	по умолчанию – ни к чему	пользователь перемещает курсор	onMouseMove
MouseOut	областям, гиперссылкам	пользователь перемещает курсор за пределы клиентской карты изображений или гиперссылки	onMouseOut
MouseOver	гиперссылкам	пользователь перемещает курсор над гиперссылко	onMouseOver
MouseUp	документам, кнопкам, гиперссылкам	пользователь отпускает клавишу мыши	onMouseUp
Move	окнам	пользователь или скрипт перемещает окно	onMove
Reset	формам	пользователь восстанавливает начальные значения формы (щёлкает кнопку Reset)	onReset
Resize	окнам	пользователь или скрипт изменяет размер окна	onResize
Select	текстовым полям	пользователь выделяет поле ввода элемента формы	onSelect
Submit	формам	пользователь отправляет форму	onSubmit
Unload	телу документа	пользователь покидает страницу	onUnload