Е. В. Дубовик , А. П. Никольский - Справочник JavaScript. Кратко, быстро, под рукой

можете его использовать).
Когда наступает следующее событие, все значения свойства объекта
event сбрасываются. Свойства объекта event описываются в таблице
8.5.
Таблица 8.5. Свойства объекта event

Свойство

Что содержит

srcElement

Ссылка на элемент-источник события.

currentTarget

Ссылка на элемент, в котором обрабатывается
событие. Ссылается на тот же элемент, что и
ключевое слово this внутри обработчика события.

type

Позволяет узнать тип события (строка). Возвращается в нижнем регистре и без префикса
on, например, для onclick свойство type равно
"click"

clientX, clientY

Координаты (Х, У) события

screenX, screenУ

Координаты (Х, У) события относительно
окна

offsetX, offsetY

Координаты (Х, У) события относительно
контейнера

-

IJJJavaScrфt

Справочник JavaScript

button

Число, указывающее, какая кнопка мыши
была нажата: О - левая, 1 - средняя, 2 - правая

keyCode

Код нажатой на клавиатуре клавиши. В некоторых браузерах, например, в Firefox, данное
свойство при обработке события onkeypress
равно О, а код символа доступен через свойство charCode. Если нажата функциональная
клавиша, тогда charCode = О, а код символа находится в keyCode.

altKey

Если это свойство равно true, то была нажата
клавиша Alt вместе с другой клавишей, например, пользователь мог нажать Alt + А

ctrlKey

Если это свойство равно true, то была нажата
клавиша Ctrl

shiftKey

Если true, то была нажата Shift

cancelВuЫe

Запрещает всплывание событий. Использование этого свойство было продемонстрировано
ранее в этой главе.

retumValue

Определяет, будет ли выполняться действие
по умолчанию. Использование этого свойство
было продемонстрировано ранее в этой главе.

relatedTarget

Ссылка на элемент, с которого перешел курсор мыши.

В таблице 8.5 описаны не все возможные свойства объекта event. На­
личие или отсутствие конкретного свойства зависит от уровня DO М.

Глава 8. Событии в JavaScript

11ZJJavaScript

DOM (Document Object Model) - объектная модель документа - это
независимый от платформы интерфейс, позволяющий сценариям
J avaScript получить доступ к содержимому HTML, XHTML и ХМL­
документов, а также изменять содержимое, структуру и оформление
этих документов. Существует четыре уровня DOM: DOM Level О,
DOM Level 1, DOM Level 2, DOM Level 3.
Стандарты DOM Level О и Level 1 так устарели, что заглядывать в
них нет смысла. На смену Level 1 пришел Level 2, который внес мно­
го изменений в первые два уровня. В таблице 8.5 приведены свойства
event согласно стандарта DOM Level 2.
В следующей главе будет рассмотрена объектная модель браузе­
ра Internet Explorer. Почему име_нно этот браузер, думаю, ясно.
Windows на данный момент все еще является самой популярной
операционной системой, а в ней по умолчанию установлен именно
Internet Explorer. В большинстве случаев весь описанный код будет
работать и в других популярных браузерах (Chrome, Firefox, Opera),
но более точный ответ, будет ли работать та или иная функция, мож­
но получить в документации разработчика по конкретному браузеру.
В подтверждение наших слов все скриншоты в следующей главе бу­
дут сделаны в браузере Google Chrome, чтобы продемонстрировать,
что все написанное относится и к другим браузерам.

JavaScript

ГЛАВА 9.

Объектная модель
браузера

----� ;..-

F

1

1

-

Справочник JavaScript

'IIJJavaScrфt

9. 1 . Структура объектной
модели
Объектной моделью браузера называется набор объектов, которые
обеспечивают доступ к содержимому веб-страницы и некоторым
функциям браузера.
Объектная модель представлена иерархией объектов. В ней есть объ­
ект верхнего уровня (родительский объект) и его дочерние объекты.
У дочерних объектов могут быть собственные дочерние объекты и
т.д. Доступ к таким объектам осуществляется через точку:
{

!
j

l.

.

·.-_

·· .

_-

.

.

.

'

.

. ..

,,,.

.

_-

·_
· ..

__:

_-

.

·· .·
-

.

.

.

. . { оаойd�6 }
. --">