JavaScript для мага


Объект Event


 

В язык JavaScript 1.2 добавлен новый объект Event. Он содержит свойства, описывающие некое событие. Каждый раз, когда происходит какое-либо событие,  объект Event передается соответствующей программе обработки.

В следующем примере на экран выводится некое изображение. Вы можете щелкнуть где-нибудь над ним клавишей мыши. В результате появится окошко сообщений, где будут показаны координаты той точки, где в этот момент находилась мышь.

 

(online-версия руководства позволит Вам проверить этот скрипт немедленно)

 

Код скрипта:

 

<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>

 

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

 

К тому же я поместил все команды в тэг <layer>. Благодаря этому мы получаем  в сообщении координаты относительно данного слоя, т.е. в нашем случае относительно самого изображения. В противном же случае мы получили бы координаты относительно окна браузера. (инструкция return false; используется здесь для того, чтобы браузер обрабатывал далее данную ссылку)

 

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

 

Property

Description

 

Data

Массив адресов URL оставленных объектов, когда происходит событие DragDrop.

LayerX

Горизонтальное положение курсора (в пикселах) относительно слоя. В комбинации с событием Resize это свойство представляет ширину окна браузера.

LayerY

Вертикальное положение курсора (в пикселах) относительно слоя. В комбинации с событием Resize это свойство представляет высоту окна браузера.

modifiers

Строка, задающая ключи модификатора - ALT_MASK, CONTROL_MASK, META_MASK or SHIFT_MASK

pageX

Горизонтальное положение курсора (в пикселах) относительно окна браузера.

pageY

Вертикальное положение курсора (в пикселах) относительно окна браузера.

screenX

Горизонтальное положение курсора (в пикселах) относительно экрана.

screenY

Вертикальное положение курсора (в пикселах) относительно экрана.

target

Строка, представляющая объект, которому исходно было послано событие.

type

Строка, указывающая тип события.

which

ASCII-значение нажатой клавиши или номер клавиши мыши.

x

Синоним layerX.

y

Синоним layerY.

 




Начало  Назад  Вперед