Обработка особых ситуаций в документе

Динамика поведения html-документов в значительной степени определяется программами, отвечающими за обработку различных событий, происходящих во время загрузки документа, получения и отображения рисунков, щелчков по кнопкам форм, перемещения курсора и т.д.

Классификация ситуаций

Ситуации (события) разделяются на следующие 5 категорий:

• загрузки-выгрузки документов,

• активизации гиперсвязей,

• события форм (такие как щелчки по кнопкам, изменения содержимого текстовых полей, выбора элементов списков и т.п.),

• загрузки, прерывания загрузки или ошибок в процессе загрузки рисунков,

• перемещения мыши (наведение, останов или отведение курсора мыши).

Ниже в таблице представлена некоторая часть имен атрибутов, значениями которых должны быть функции-обработчики событий и имена тэгов, наиболее часто применяемых для обеспечения динамики страниц.

Атрибут	Тэг	Условие возникновения события
onblur	a, i, t, s	Потеря фокуса ввода, т.е. перемещение фокуса к другому элементу
onchange	i, t, s	Изменение содержимого поля ввода или области текста, выбор нового элемента списка
onfocus	a, i, t, s	Получение фокуса ввода элементами
onclick	a, i	Щелчок кнопкой «мыши» по элементу гиперсвязи или изображению
onload	b, f	Загрузка тела документа или фреймовой структуры
onmouseover	a, i	Размещение указателя «мыши» над элементом
onmouseout	a, i	Перемещение указателя «мыши» от элемента
onmousedown	a, i	Кнопка указателя «мыши» была прижата
onmouseup	a, i	Отпускание енопки указателя «мыши»
onselect	i, t	Выделение некоторого текста
onsubmit	f	Щелчок по кнопке “Submit” для передачи данных
onunload	b, f	Выгрузка тела документа или фреймовой структуры
onkeypress	v	Нажатие клавиши
onkeyup	v	Отпускание клавиши

a – гиперсвязь (a), b – тело документа (body), f – фреймовая структура (frameset), i – изображение (image), s – список выбора (select), t – текстовое поле (textarea).

Установление реакции на ситуацию

Чтобы обеспечить перехват события, необходимо написать функцию-обработчик события или написать последовательность операторов и сопоставить их определенному событию или классам событий.

Пример

<input name = “age” size = 5 onblur = “checkAge(this.area)”>

В данном примере тип элемента input не указан и по умолчанию тип элемента “text” – текстовое поле. Потеря фокуса ввода приводит к вызову функции checkAge, декларация которой задана в скрипте. value – свойство объекта, соответствующего тэгу input.

Пример

<a href =“assjava.html” onmouseover =“document.forms[0].book_text.value=book1txt”>

Помещение указателя над гиперсвязью приводит к выполнению оператора присваивания. В правой части оператора book1txt – глобальная переменная, определение которой размещается в скрипте. В левой части оператора booktxt – имя поля ввода, принадлежащего форме (1-й по порядку в документе, имеет индекс 0): value – свойство объекта, соответствующего полю ввода: содержит значение, введенное в поле.