Таблица 9.1 содержит один объект в этой главе.

Таблица 9.1 Связанный с событием объект

Объект	Описание
event	Представляет событие JavaScript. Передается каждому обработчику события.

Таблица 9.2 подводит итог обработчиков событий JavaScript.

Таблица 9.2 События и соответствующие им обработчики событий.

Событие	Обработчик события	Событие происходит когда...
abort	onAbort	Пользователь прерывает загрузку изображения (например, щелкая ссылку или щелкая кнопку Стоп).
blur	onBlur	Элемент формы теряет фокус или когда окно или кадр теряет фокус.
change	onChange	select, text или textarea теряют фокус, и их значение изменилось.
click	onClick	Объект в форме нажат.
dblclick	onDblClick	Пользователь дважды щелкает элемент формы или ссылку.
dragdrop	onDragDrop	Пользователь бросает объект на окно браузера, типа брасание файла в окне браузера.
error	onError	Загрузка документа или изображения вызывает ошибку.
focus	onFocus	window, frame или frameset получают фокус или когда элемент формы получает фокус ввода.
keydown	onKeyDown	Пользователь нажимает клавишу.
keypress	onKeyPress	Пользователь нажимает или держит нажатой клавишу.
keyup	onKeyUp	Пользователь отпускает клавишу.
load	onLoad	Браузер заканчивает загружать окно или все кадры внутри тэга FRAMESET .
mousedown	onMouseDown	Пользователь нажимает кнопку мыши.
mousemove	onMouseMove	Пользователь перемещает курсор.
mouseout	onMouseOut	Курсор оставляет область (графическую карту client-side) или ссылку.
mouseover	onMouseOver	Курсор перемещается поверх объекта или области.
mouseup	onMouseUp	Пользователь отпускает кнопку мыши.
move	onMove	Пользователь или сценарий перемещает окно или кадр.
reset	onReset	Пользователь сбрасывает форму (нажимая кнопку Reset).
resize	onResize	Пользователь или сценарий изменяет размеры окна или кадра.
select	onSelect	Пользователь выбирает часть текста внутри text или textarea.
submit	onSubmit	Пользователь представляет на рассмотрение форму.
unload	onUnload	Пользователь выходит из документа.

Общая Информация о Событиях

Определение Обработчиков Событий

Чтобы создавать обработчик события для тэга HTML, добавьте атрибут обработчика события к тэгу. Поместите код JavaScript в кавычки как значение атрибута. Общий синтаксис

<TAG eventHandler="Код JavaScript">

<INPUT TYPE="button" VALUE="Вычислить" onClick="compute(this.form)">

Когда Вы создаете обработчик события, соответствующий объект JavaScript получает свойство с именем обработчика события из строчных букв. (В Navigator 4.0, Вы можете также использовать смешанный регист имени обработчика события для имени свойства.) Это свойство позволяет Вам обращаться к обработчику события объекта. Например, в предшествующем примере, JavaScript создает объект Button со свойством onclick, чье значение является "compute(this.form)".

Глава 7, "Защита JavaScript," в Руководстве по JavaScript содержит подробную информацию о создании и использовани обработчиков событий.

События в Navigator 4.0

Обычно, объект, на котором событие происходит, обрабатывает событие. Например, когда пользователь нажимает кнопку, это часто обработчик события кнопки, которая обрабатывает событие. Иногда Вы хотите, чтобы объекты Window или document обрабатывали некоторые типы событий. Например, Вы хотите, чтобы объект document обрабатывал все события MouseDown независимо от того, где они происходят в документе. Модель фиксирования событий JavaScript позволяет Вам определить методы, которые фиксируют и обрабатывают события прежде, чем они достигают их предназначенного адресата.

В дополнение к обеспечению объекта event, Navigator 4.0 позволяет Window или document фиксировать и обрабатывать событие прежде, чем оно достигает предназначенного адресата. Чтобы выполнять это объекты Window, document и Layer имеют следующие новые методы:

• captureEvents
• releaseEvents
• routeEvent
• handleEvent (Не является методом объекта Layer)

window.captureEvents(Event.CLICK);

window.captureEvents(Event.CLICK | Event.MOUSEDOWN | Event.MOUSEUP)

function clickHandler(evnt) {
   //Что находится здесь зависит от того, как Вы хотите обрабатывать событие.
   //Это описано ниже.
}

• Возврат true. В случае ссылки, ссылка сопровождается, и никакой другой обработчик события не проверяется. Если событие не может быть отменено, обработка события заканчивается.

function clickHandler(evnt) { return true; }

• Возврат false. В случае ссылки, ссылка не сопровождается. Если событие не отменяемое, обработка события заканчивается.

function clickHandler(evnt) { return false; }

• Вызов routeEvent. JavaScript ищет другие обработчики событий для события. Если другой объект пытается фиксировать событие (типа документа), JavaScript вызывает обработчик события. Если никакой другой объект не пытается фиксировать событие, JavaScript ищет обработчик события для первоначального адресата события (типа кнопки). Метод routeEvent возвращает значение, возвращенное обработчиком события. Фиксирующий объект может рассматривать это возвращаемое значение и решать, что делать.

function clickHandler(evnt) {
   var retval = routeEvent(evnt);
   if (retval == false) return false;
   else return true;
}

Обратите внимание: Когда routeEvent вызывает обработчик события, обработчик события активизируется. Если routeEvent вызывает обработчик события, чья функция должна отобразить новую страницу, действие происходит без возврата фиксирующему объекту.
• Вызов метода handleEvent получателя события. Любой объект, который может регистрировать обработчики событий это получатель события. Этот метод явно вызывает обработчик события получателя события, и обходит иерархию фиксации. Например, если Вы хотите, чтобы все события щелчка шли к первой ссылке на странице, Вы могли бы использовать:

function clickHandler(evnt) {
   window.document.links[0].handleEvent(evnt);
}

Пока ссылка имеет обработчик onClick, ссылка обрабатывает любое событие щелчка, которое она получает.

window.onClick = clickHandler;

<HTML>
<SCRIPT>

function fun1(evnt) {
   alert ("Окно получило событие типа: " + evnt.type + 
      " и будет вызвана routeEvent.");
   window.routeEvent(evnt);
   alert ("Окно возвратилось из routeEvent.");
   return true;
}

function fun2(evnt) {
   alert ("Документ получил событие типа: " + evnt.type);
   return false;
}

function setWindowCapture() {
   window.captureEvents(Event.CLICK);
}

function releaseWindowCapture() {
   window.releaseEvents(Event.CLICK);
}

function setDocCapture() {
   document.captureEvents(Event.CLICK);
}

function releaseDocCapture() {
   document.releaseEvents(Event.CLICK);

}

window.onclick=fun1;
document.onclick=fun2;

</SCRIPT>
...
</HTML>

Последняя Модификация: 10/31/97 16:34:02