Рассмотрим подробнее значение параметра обработки события, представляющего собой в данном случае оператор присваивания.
При интерпретации HTML-страницы браузером создаются объекты JavaScript. Взаимосвязь объектов между собой представляет иерархическую структуру. На самом верхнем уровне иерархии находится объект window, представляющий окно браузера. Объект window является предком или родителем всех остальных объектов. Каждая страница кроме объекта window имеет объект document. Свойства объекта document определяются содержимым самого документа: цвет фона, цвет шрифта и т. д. В последнем примере на странице расположена форма. Форма (form) является потомком объекта document, а все элементы формы выступают потомками объекта form. Ссылка на объект может быть осуществлена по имени, заданному параметром name тега. Для получения значения, введенного пользователем в первое поле формы, должна быть выполнена конструкция
document.form1.num.value
При ссылке на формы и их элементы можно не указывать объект document, поэтому получить значение, введенное в первое поле формы, можно и следующим образом
|
|
form1.num.value.
Для того чтобы вычисленное значение во второе текстовое поле достаточно изменить значение document.form1.res.value.
В табл. 1.5 представлены события и элементы документов HTML, в которых эти события могут происходить.
Таблица 1.5. События и объекты
Событие | Объекты | Когда происходит событие |
Abort | image | Отказ от загрузки изображения |
Blur | windows, элемент формы | Потеря объектом фокуса |
Change | text, textarea, select | Изменения значения элемента |
Click | button, radio, checkbox, submit, reset, link | Щелчок на элементе или связи |
DragDrop | windows | Перетаскивание мышью объект в окно браузера |
Error | image, windows | Ошибка при загрузке документа или изображения |
Focus | windows, элемент формы | Окно или элемент формы получает фокус |
KeyDown | document, image, link, textarea | Нажатие клавиши клавиатуры |
KeyPress | document, image, link, textarea | Удержание нажатой клавиши клавиатуры |
KeyUp | document, image, link, textarea | Отпускание клавиши клавиатуры |
Load | Тело документа | Загружается документ в браузер |
MouseDown | document, button, link | Нажатие кнопки мыши |
MouseOut | area, link | Перемещение курсора из области изображения или связи |
MouseOver | link | Перемещение курсора над связью |
MoseUp | document, button, link | Отпускается кнопка мыши |
Move | windows | Пользователь или сценарий перемещает окно |
Reset | form | Нажатие кнопки Reset формы |
Resize | windows | Пользователь или сценарий изменяет размеры окна |
Select | text, textarea | Выбирается поле ввода элемента формы |
Submit | form | Нажатие кнопки Submit формы |
Unload | Тело документа | Пользователь закрывает документ |