Объект 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 |