Проектирование Интернет приложений. Тузовский А.Ф. - 56 стр.

UptoLike

ВУЗ: 

ТПУ | Томск

Составители: 

Рубрика: 

56
<p id="userMsg"></p>
Обработка событий в JavaScript
Скрипты, составленные на языке JavaScript, могут вызываться в от-
вет на возникновение различных событий. Каждое такое событие связа-
но с тем или иным объектом web-страницы: формой, гипертекстовой
ссылкой или даже с окном, содержащим текущий документ. Примерами
внешних событий, для которых могут вызываться скрипты JavaScript,
являются следующие:
Окончание загрузки документа в браузере. Это событие связа-
но с объектом window.
Щелчок кнопкой мыши на объекте. Это событие может быть
связано с интерактивным элементом формы или с гипертекстовой ссыл-
кой.
Получение объектом фокуса ввода. Это событие может быть
связано с объектами типа Text, Password и с другими интерактивными
элементами.
Передача на сервер данных, введенных пользователем с по-
мощью интерактивных элементов.
Обработка события производится с помощью специально предна-
значенной для этого функцией, называемой обработчиком события.
Для каждого события JavaScript может быть задан свой обработчик.
Для связывания события с обработчиком используются атрибуты
тэга, описывающего объект, с которым связано событие. Задание обра-
ботчика для события выполняется следующим образом:
on[имя_события]="команды_обработчика"
Например, для того чтобы сценарий реагировал на щелчок мышью,
используется обработчик с именем onClick, для обработки события, за-
ключающегося в получении фокуса ввода, – обработчик onFocus.
Если необходимо обработать событие, заключающееся в получе-
нии фокуса полем ввода, то тэг, описывающий этот элемент управле-
ния, должен иметь примерно следующий вид:
<input type="text" name="Inform" onFocus="handleFocus();">
В данном случае обработка события производится с помощью
функции handleFocus(). В принципе, обработчиком может быть не толь-
ко функция, но и любая последовательность команд JavaScript в виде со-
ставного оператора. Следующий пример демонстрирует обработку со-
бытия, связанного с наведением курсора мыши на гиперссылку:
<a href = "http://www.myhp.edu" onMouseOver="alert('Событие onMouseOver');

Страницы