Wiki-учебник по веб-технологиям: JavaScript/ОбъектEvent ...

Главная | Каталог |

Объект Event

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



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

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>. Аналогично мы получим координаты относительно этого слоя, то есть изображение в нашем случае. Иначе мы получили бы координаты относительно окна браузера.

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

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