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

Рассмотрим подробнее значение параметра обработки события, представляющего собой в данном случае оператор присваивания.

При интерпретации 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 Тело документа Пользователь закрывает документ

Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



double arrow
Сейчас читают про: