- •История развития Internet. Используемые в Internet технологии.
- •Определение типа документа (dtd). Назначение, основные конструкции.
- •Язык sgml
- •Язык html. Базовая структура html документа.
- •Язык html. Секция head и метаинформация.
- •Язык html. Фреймы.
- •Язык html. Формы и элементы ввода.
- •Язык html. Таблицы. X 2
- •Каскадные таблицы стилей. Локальные таблицы стилей.
- •Каскадные таблицы стилей. Глобальные таблицы стилей.
- •Каскадные таблицы стилей. Связные (внешние) таблицы стилей.
- •Объектная модель документа. Интерфейсы Core dom2.
- •Объектная модель документа. Интерфейсы html.
- •Объектная модель документа. Интерфейсы для управления таблицами.
- •Интерфейс htmlTableElement
- •Клиентские сценарии. Модель событий. Обзор.
- •Перехват события
- •Просачивание (всплытие) события
- •Отмена события
- •Клиентские сценарии. Модель событий. События мыши
- •Типы событий мыши. Dom 2 определяет следующие типы событий мыши:
- •Клиентские сценарии. Модель событий. События клавиатуры.
- •Клиентские сценарии. Модель событий. События окна.
- •Клиентские сценарии. Модель событий. Объект Event.
- •Клиентские сценарии. Связывание сценариев.
- •Клиентские сценарии. Язык JavaScript. Обзор, объектная модель. X 2
- •Возможности языка
- •Объектная модель браузера
- •Объектная модель документа
- •Клиентские сценарии. Язык JavaScript. Объект RegExp X 2
- •Клиентские сценарии. Язык JavaScript. Объекты Function, Object, Number
- •Клиентские сценарии. Язык JavaScript. Таймеры
- •Серверные сценарии. Web Server. Передача данных на сервер.
- •Серверные сценарии. Asp. Основные конструкции и объекты.
- •Серверные сценарии. Asp. Доступ к базе данных.
- •Язык java. Обзор. Основные особенности X 2
- •Язык java. Пакеты и организация пространства имен.
- •Область видимости
- •Язык java. Интерфейсы.
- •Интерфейсы
- •Interface имя_интерфейса {
- •Язык java. Апплеты. Включение апплетов на html страницу.
- •Язык java. Потоки.
- •Xml. Основные понятия и конструкции языка.
- •Xsl. Основные понятия и конструкции языка. Xslt преобразование
Клиентские сценарии. Модель событий. События клавиатуры.
http://www.w3.org/TR/DOM-Level-3-Events/
Document Object Model (DOM) Level 3 Events Specification
W3C Working Draft 8 September 2009
Интерфейс KeyEvent является производным от интерфейса UIEvent и содержит дополнительную информацию о событиях, генерируемых клавиатурой. DOM 2 не содержит спецификации этого интерфейса, она будет включена в DOM 3. Поэтому здесь мы приводим описание реализации интерфейса KeyEvent в Gecko (см. "Key Events in SeaMonkey").
Свойство |
Изменяемое |
Модель |
Описание |
altKey |
Нет |
DOM 2 |
Состояние клавиши Alt. |
keyIdentifier |
Нет |
DOM 2 |
Код Unicode клавиши. |
ctrlKey |
Нет |
DOM 2 |
Состояние клавиши Ctrl. |
keyLocation |
Нет |
DOM 2 |
Месторасположение клавиши на клавиатуре (Left/Right Ctrl, NumPad, Joystick) |
metaKey |
Нет |
DOM 2 |
Состояние клавиши Meta. |
shiftKey |
Нет |
DOM 2 |
Состояние клавиши Shift. |
Типы событий клавиатуры
Клавиатура всегда генерирует три отдельных события: keydown (нажатие клавиши), keypress (удержание нажатой клавиши) и keyup (отпускание клавиши). Длительное нажатие клавиши приводит к тому, что событие keypress генерируется многократно.
keydown
Генерируется при нажатии клавиши. Виртуальный код клавиши заносится в keyCode, charCode обнуляется. Это событие применимо к большинству элементов.
bubbles: true;
cancelable: true;
контекст: altKey, ctrlKey, shiftKey, metaKey, keyIdentifier, keyLocation.
keypress
Генерируется при удержании нажатой клавиши. Свойства keyCode и charCode формируются как описано выше. Это событие применимо к большинству элементов.
bubbles: true;
cancelable: true;
контекст: altKey, ctrlKey, shiftKey, metaKey, keyIdentifier, keyLocation.
keyup
Генерируется при отпускании клавиши. Виртуальный код клавиши заносится в keyCode, charCode обнуляется. Это событие применимо к большинству элементов.
bubbles: true;
cancelable: true;
контекст: altKey, ctrlKey, shiftKey, metaKey, keyIdentifier, keyLocation.
Клиентские сценарии. Модель событий. События окна.
http://www.arininav.ru/js/dhtml13.htm#ref4132,http://www.arininav.ru/js/dhtml13.htm#hevents, http://www.arininav.ru/js/dhtml14.htm#ref4141
DOM 2 не содержит детальной спецификации интерфейсов, связанных с отображением документов, такие спецификации появятся в DOM 3. Он определяет интерфейс AbstractView, предназначенный для установления связи между документом и его отображением, но не описывает его свойств и поведения.
Интерфейс AbstractView является базовым для всех отображений документа (окон, фреймов и т. п.). Он имеет единственное свойство document, возвращающее указатель на объект Document, соответствующий отображаемому документу. Интерфейс Document, в свою очередь, может иметь свойство defaultView типа AbstractView, указывающее на окно отображения документа.
Для практической реализации обозревателей такой спецификации явно недостаточно, поэтому разработчики пока пользуются собственными (нестандартными) спецификациями интерфейса для окон обозревателя. Соответствующий объект традиционно называется window.
Объект window соответствует окну обозревателя. Он позволяет получить доступ к документу, загруженному в данное окно, к событиям, которые происходят в окне, и к различным свойствам обозревателя. Этот объект является глобальным объектом клиентской среды JavaScript, поэтому для доступа к его свойствам и методам префикс window. не нужен. Однако, для читаемости кода он может использоваться; он всегда указывает на текущее окно.
События объекта window
Событие |
Описание |
Поддержка |
onabort |
Генерируется при прерывании загрузки страницы. |
Gecko |
onactivate |
Генерируется, когда окно становится активным. |
IE |
onafterprint |
Генерируется сразу после печати документа, содержащегося в окне. |
IE |
onbeforedeactivate |
Генерируется перед тем, как окно перестанет быть активным. |
IE |
onbeforeprint |
Генерируется перед печатью документа, содержащегося в окне. |
IE |
onbeforeunload |
Генерируется перед выгрузкой документа. |
IE |
onblur |
Генерируется, когда окно теряет фокус. |
Gecko, IE |
onchange |
Генерируется при изменении значения элемента формы в окне. |
Gecko |
onclick |
Генерируется при щелчке кнопкой мыши. |
Gecko |
onclose |
Генерируется при закрытии окна. |
Gecko |
oncontrolselect |
Генерируется перед тем, как в окне будет выбран элемент, допускающий изменение размеров. |
IE |
ondeactivate |
Генерируется, когда окно перестает быть активным. |
IE |
ondragdrop |
Генерируется при перетаскивании внешнего объекта в окно. |
Gecko |
onerror |
Генерируется при возникновении ошибки в процессе загрузки документа. |
Gecko, IE |
onhelp |
Генерируется при нажатии пользователем клавиши F1 в активном окне обозревателя. |
IE |
onfocus |
Генерируется, когда окно получает фокус. |
Gecko, IE |
onkeydown |
Генерируется при нажатии клавиши. |
Gecko |
onkeypress |
Генерируется при удержании нажатой клавиши. |
Gecko |
onkeyup |
Генерируется при отпускании клавиши. |
Gecko |
onload |
Генерируется сразу после загрузки документа. |
Gecko, IE |
onmousedown |
Генерируется при нажатии кнопки мыши. |
Gecko |
onmousemove |
Генерируется при движении курсора мыши по элементу в окне. |
Gecko |
onmouseout |
Генерируется при покидании курсором мыши элемента в окне. |
Gecko |
onmouseover |
Генерируется при попадании курсора мыши на элемент в окне. |
Gecko |
onmouseup |
Генерируется при отпускании кнопки мыши. |
Gecko |
onpaint |
Генерируется при отображении содержимого окна. |
Gecko |
onreset |
Генерируется при инициализации формы в окне. |
Gecko |
onresize |
Генерируется перед изменением размеров окна. |
Gecko, IE |
onresizeend |
Генерируется при завершении изменения размеров объекта. |
IE |
onresizestart |
Генерируется при начале изменения размеров объекта.. |
IE |
onscroll |
Генерируется при прокрутке содержимого окна. |
Gecko, IE |
onselect |
Генерируется, когда пользователь выделяет текст в текстовом поле. |
Gecko |
onsubmit |
Генерируется при пересылке формы в окне. |
Gecko |
onunload |
Генерируется перед завершением выгрузки документа. |
Gecko, IE |