Wiki-учебник по веб-технологиям: JavaScript/ОбработкаСобытий ...

Главная | |

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


Приложения 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телу документапользователь загружает страницу в NavigatoronLoad
MouseDownдокументам, кнопкам, гиперссылкампользователь нажал клавишу мышиonMouseDown
MouseMoveпо умолчанию – ни к чемупользователь перемещает курсорonMouseMove
MouseOutобластям, гиперссылкампользователь перемещает курсор за пределы клиентской карты изображений или гиперссылкиonMouseOut
MouseOverгиперссылкампользователь перемещает курсор над гиперссылкоonMouseOver
MouseUpдокументам, кнопкам, гиперссылкампользователь отпускает клавишу мышиonMouseUp
Moveокнампользователь или скрипт перемещает окноonMove
Resetформампользователь восстанавливает начальные значения формы (щёлкает кнопку Reset)onReset
Resizeокнампользователь или скрипт изменяет размер окнаonResize
Selectтекстовым полямпользователь выделяет поле ввода элемента формыonSelect
Submitформампользователь отправляет формуonSubmit
Unloadтелу документапользователь покидает страницуonUnload