14. Обработка событий
Краткое описание интерфейса Event
Свойства
type
Cтрока, содержащая тип произошедшего события (например, "click").
target
Cсылка на узел-источник события.
currentTarget
Cсылка на узел, в котором зарегистрирован обработчик, обрабатывающий
произошедшее событие.
eventPhase
Число, указывающее фазу распространения события.
| Константа | Числовое значение | Описание |
|---|---|---|
| Event.CAPTURING_PHASE | 1 | фаза захвата |
| Event.AT_TARGET | 2 | событие в источнике |
| Event.BUBBLING_PHASE | 3 | фаза всплытия |
timeStamp
Объект Date, указывающий, когда произошло событие.
bubbles
Логическое значение, указывающее, способно ли всплывать это событие
(true). (Всплывают все низкоуровневые события,
связанные с мышью и клавиатурой, и не всплывают семантические
события blur, focus, load,
unload.)
cancelable
Логическое значение, указывающее, связано ли с этим событием
действие по умолчанию (true).
Методы
stopPropagation()
Останавливает распространение события.
preventDefault()
Отменяет действие по умолчанию.
Свойства интерфейса MouseEvent
button
Число, указывающее, какая кнопка мыши изменила свое состояние.
- 0 — левая кнопка
- 1 — средняя кнопка
- 2 — правая кнопка
Это свойство применяется, когда кнопка меняет свое состояние (нажата, отпущена) и не применяется, чтобы узнать какая кнопка удерживается нажатой при перетаскивании.
altKey, ctrlKey, metaKey, shiftKey
Логические значения, указывают, нажимались ли соответствующие
клавиши, когда произошло событие мыши. Meta —
специальная клавиша, широко применялась на клавиатурах терминалов
MIT. На современных клавиатурах клавиша Meta обычно
соответствует клавише Ctrl на PC и клавише
Command на Mac (на клавише рисуют ромбик).
clientX, clientY
Координаты указателя мыши относительно клиентской области браузера
(не учитывают прокрутку элемента).
screenX, screenY
Координаты указателя мыши относительно верхнего левого угла монитора.
relatedTarget
Ссылка на связанный узел для событий mouseover и
mouseout. Для mouseover — ссылка на
узел, с которого указатель переместился на узел-источник события.
Для mouseout — узел, на который указатель
ушёл.
Свойства интерфейса KeyEvent
altKey
Равно true, если в момент события удерживалась клавиша
Alt.
charCode
Целое число, код символа (если имеется) в кодировке
Unicode, сгенерированный событием keypress.
Равно 0 для функциональной клавиши. Не используется событиями
keydown и keyup. Для преобразования числа в
строку можно применить метод (класса String)
fromCharCode().
ctrlKey
Равно true, если в момент события удерживалась клавиша
Ctrl.
keyCode
Целое число, виртуальный код нажатой клавиши. Используется всеми
типами событий от клавиатуры. Коды зависят от типа браузера, ОС и
клавиатуры. Как правило, если на клавише нарисован печатный символ,
то виртуальный код клавиши совпадает с кодом символа.
ShiftKey
Равно true, если в момент события удерживалась клавиша
Shift.
Свойства объекта event в IE5+
В IE этот глобальный объект имеет следующие свойства (методов у него нет):
type
Полностью совпадает с DOM W3C.
srcElement
Ссылка на источник события (target в DOM W3C).
button
Число, обозначающее нажатую кнопку мыши:
- 1 — левая кнопка
- 4 — средняя кнопка
- 2 — правая кнопка
Если нажаты несколько кнопок, значения складываются, например, 3 соответствует одновременному нажатию левой и правой кнопок.
clientX, clientY
Полностью совпадает с DOM W3C.
offsetX, offsetY
Положение указателя мыши относительно исходного элемента
(например, относительно верхнего левого угла картинки, по который
выполнен щелчок).
altKey, ctrlKey, shiftKey
Полностью совпадает с DOM W3C.
keyCode
Задает код клавиши для событий keydown и
keyup и код Unicode символа для события keypress.
fromElement, toElement
Откуда пришел для mouseover и куда пошел для mouseout
(см. свойство relatedTarget интерфейса
MouseEvent).
cancelBubble
Задать true, для прекращение всплытия.
returnValue
Задать false, для отмены действия по умолчанию.