РуЛиб - онлайн библиотека > Дубовик Е. > Справочники > Справочник JavaScript. Кратко, быстро, под рукой > страница 9
Читаем онлайн «Справочник JavaScript. Кратко, быстро, под рукой» 9 cтраница
собы
тий (в других функциях и методах вы не можете его использовать).
Когда наступает следующее событие, все значения свойства объекта
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 }
.
тий (в других функциях и методах вы не можете его использовать).
Когда наступает следующее событие, все значения свойства объекта
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 }
.