Использование свойств и методов события
При обработке события можно обращаться к его свойствам и методам, чтобы получить некоторые параметры сгенерированного события, которые можно использовать при его обработке, а также генерировать новые события.
События в Internet Explorer и в спецификации DOM2 Events, в соответствии с которой выполняется обработка событий в Firefox, Opera и Safari, реализованы по-разному и имеют разные свойства и методы.
В Internet Explorer при возникновении любого события автоматически создается объект event как свойство объекта window, представляющего окно Web-браузера (см. 4.5.11).
В спецификации DOM2 Events определены несколько видов интерфейсов для событий: Event, UIEvent, MouseEvent и MutationEvent.
При обработке события в Web-браузерах, поддерживающих спецификацию DOM2 Events, в отличие от Internet Explorer, объект события автоматически не создается, а должен быть указан как первый параметр функции, в которой обрабатывается событие.
Объект event имеет следующие основные свойства:
· type – содержит строковое значение имени события, например, "click" (только для чтения);
|
|
· srcElement – содержит объект, в котором произошло событие (только для чтения);
· button – содержит номер кнопки мыши, нажатой пользователем (1 – левая кнопка, 4 – средняя кнопка и 2 – правая кнопка; 0 – значение по умолчанию) (используется в событиях onmousedown, onmouseup и onmousemove) (только для чтения);
· altKey – содержит true, если была нажата клавиша Alt и false – в противном случае (только для чтения);
· ctrlKey – содержит true, если была нажата клавиша Ctrl и false – в противном случае (только для чтения);
· shiftKey – содержит true, если была нажата клавиша Shift (↑) и false – в противном случае (только для чтения);
· keyCode – содержит десятичное значение кода нажатой клавиши в кодировке Unicode (используется в событиях onkeydown, onkeyup и onkeypress) (свойство доступно как для чтения, так и для модификации);
· clientX – содержит координату x (в пикселях) курсора мыши относительно клиентской области окна (без учета рамок, заголовка, строки меню, панелей инструментов и строки состояния) (свойство доступно как для чтения, так и для модификации);
· clientY – содержит координату y (в пикселях) курсора мыши относительно клиентской области окна (без учета рамок, заголовка, строки меню, панелей инструментов и строки состояния) (свойство доступно как для чтения, так и для модификации);
· screenX – содержит координату x (в пикселях) курсора мыши относительно экрана дисплея (свойство доступно как для чтения, так и для модификации);
· screenY – содержит координату y (в пикселях) курсора мыши относительно экрана дисплея (свойство доступно как для чтения, так и для модификации);
|
|
· pageX – содержит координату x (в пикселях) курсора мыши относительно ширины выводимой страницы, с учетом горизонтальной прокрутки;
· pageY – содержит координату y (в пикселях) курсора мыши относительно высоты выводимой страницы, с учетом вертикальной прокрутки;
· cancelBubble – содержит значение true, если «всплывание» событий запрещено и false – в противном случае (по умолчанию значение этого свойства равно false) (свойство доступно как для чтения, так и для модификации);
· returnValue – содержит значение false, если обработка события по умолчанию отменена и true – в противном случае (по умолчанию значение этого свойства равно true) (свойство доступно как для чтения, так и для модификации).
Методов объект event в Internet Explorer не имеет.