Непрофессиональное введение в JAVASCRIPT

         

Объект Event


В JavaScript1.2. был добавлен новый объект Event. Он содержит свойства, которые описывают событие. Каждый раз, когда происходит событие, объект Event передается в обработчик события.

Если Вы используя Netscape Navigator 4.x, щелкните где-нибудь на следующем изображении, появится всплывающее окно, показывающее координаты события мыши:

Вот исходный текст:

<layer> <a href="#" onClick="alert('x: ' + event.x + ' y: ' + event.y); return false;"> <img src="davinci.jpg" width=209 height=264 border=0></a> </layer>

Вы видите, что мы используем драйвер события onClick

внутри тега <a> >, как мы сделали бы в предшествующих версиях JavaScript. Новым является то, что для организации вывода в всплывающее окно мы используем event.x и event.y Это объект Event, который нам нужен, чтобы узнать координаты события мыши.

Я поместил все внутри тега <layer>. Аналогично мы получим координаты относительно этого слоя, то есть изображение в нашем случае. Иначе мы получили бы координаты относительно окна броузера.

(return false; используется здесь для того, чтобы окно броузера не следовало за ссылкой)

Объект Event имеет следующие свойства (мы увидим некоторые из этих свойств в следующих примерах):

Свойство

Описание

data Массив URL отпущенных объектов когда событие DragDrop

происходит

layerX Горизонтальная позиция курсора в пикселях относительно слоя. В комбинации с событием Resize

это свойство отображает ширину окна броузера.

layerY Вертикальная позиция курсора в пикселях относительно слоя. В комбинации с событием Resize

это свойство отображает высоту окна броузера.

modifiers Строка задающая модификатор клавиш - ALT_MASK, CONTROL_MASK, META_MASK или SHIFT_MASK
pageX Горизонтальное положение курсора в пикселях относительно окна броузера.
pageY Вертикальное положение курсора в пикселях относительно окна броузера.
screenX Горизонтальное положение курсора в пикселях относительно экрана.
screenY Вертикальное положение курсора в пикселях относительно экрана.
target Строка, представляющая объект, к которому первоначально послано событие.
type Строка, представляющая тип события.
which ASCII-значение нажатой клавиши или номер кнопки мышки.
x Аналогично layerX
y Аналогично layerY



Содержание раздела