Непрофессиональное введение в Javascript
Объект Event
Объект 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 |
