Лекция: События

— возникают при взаимодействии пользователя со страницей.

Стандартные пользовательские события: нажатие кнопки мыши или клавиши клавиатуры, выделение текста, перемещение указателя мыши над элементом и т.д.

Всплывание событий

Действие, происходящее в элементе, происходит и во всех его родительских элементах.

Действия по умолчанию

Действия, которые браузер выполняет в ответ на возникшее событие

См. файл js5.html

Отмена действия по умолчанию – событие event. Отмена действия по умолчанию в элементе отменяет его и во всех родительских элементах.

Вызов события

1) Стандартный обработчик событий – onclick –используется как атрибут тэга.

Пример

<H1 onclick = “alert (‘Вы нажали левую кнопки мыши на слове onclick’)”> ONCLICK </H1>

2) Атрибуты FOR и EVENT тэга <SCRIPT>:

FOR – имя или идентификатор элемента, для которого написано событие

EVENT – событие и параметры, которые ему могут быть переданы

См. файл js6.html (работает в Internet Explorer, не работает в Google Chrome)

Свойства объекта Event

srcElement	Позволяет узнать источник события. srcElement.tagName – возвращает имя элемента, поисывающего данный элемент
type	Строка, содержащая тип события (без приставки “on”)
clientX	Горизонтальная координата события в клиентских координатах
clientY	Вертикальная координата события в клиентских координатах
screenX	Горизонтальная координата события относительно окна
screenY	Вертикальная координата события относительно окна
offsetX	Горизонтальная координата события относительно контейнера
offsetY	Вертикальная координата события относительно контейнера
x	Горизонтальна координата события
y	Вертикальная координата события
button	Число, указывающее нажатую кнопку мыши (0 – кнопки не нажаты, 1 – нажата левая кнопка, 2 – нажата правая кнопка, 3 – левая и правая кнопки нажаты одновременно, 4 – нажата средняя кнопка)
keyCode	Код нажатой клавиши
altKey, ctrlKey, shiftKey	Булево значение, соответствующее типу нажатой клавиши – alt, ctrl, shift
cancelBubble	Булево значение, указывающее, передается событие по иерхарии объектов или нет
returnValue	Позволяет запретить или разрешить выполнение действий, приписанных элементу. Значения false, true
reason	Состояние передачи данных
srcFilter	Ссылка на объект-фильтр
fromElement	Источник события мыши
toElement	Приемник события мыши