События

События - это функции, которые могут быть привязаны к элементам HTML страниц.

Код событий выполнится только после того, как произойдет их активирующее действие. Разные типы событий имеют разные активирующие действия.

DOM объект events содержит дополнительную информацию о событиях, которые произошли.

Виды событий

Название	Описание
onblur	Код переданный данному событию исполнится после того, как элемент перестанет быть активным.
onchange	Код переданный данному событию исполнится после того, как содержимое данного элемента будет изменено.
onclick	Код переданный данному событию исполнится после того, как на данном элементе будет произведен щелчок мыши.
ondblclick	Код переданный данному событию исполнится после того, как на данном элементе будет произведен двойной щелчок мыши.
onerror	Код переданный данному событию исполнится если при загрузки документа или картинки произойдет ошибка.
onfocus	Код переданный данному событию исполнится после того, как элемент станет активным.
onkeypress	Код переданный данному событию исполнится после того, как будет произведено нажатие на клавишу клавиатуры.
onkeyup	Код переданный данному событию исполнится после того, как нажатая клавиша будет отпущена.
onload	Код переданный данному событию исполнится после того, как картинка или страница полностью загрузится.
onmousedown	Код переданный данному событию исполнится после того, как будет нажата клавиша мыши.
onmouseout	Код переданный данному событию исполнится после того, как курсор мыши будет выведен за пределы элемента.
onmouseover	Код переданный данному событию исполнится после того, как курсор мыши будет наведен на элемент.
onmouseup	Код переданный данному событию исполнится после того, как будет отпущена нажатая кнопка мыши.
onselect	Код переданный данному событию исполнится после того, как текст элемента будет выделен.
onunload	Код переданный данному событию исполнится после того, как страница будет закрыта.

Атрибуты событий

Атрибуты событий хранятся в DOM объекте events.

С помощью атрибутов событий Вы можете узнать дополнительную информацию о вызове события.

Подробнее о том как можно обратится к атрибутам событий из скриптов рассказано ниже:

После того, как произошло событие создается DOM объект event содержащий атрибуты событий.
Объект event должен быть передан функции, которая будет выполнятся. Пример: onclick='funcname(event).'.
При объявлении функции необходимо указать, что она принимает объект event. Пример: function funcname(event){Код функции}.
Теперь Вы можете обращаться к атрибутам событий в коде функции. Пример: alert(event.shiftKey).

Пример

function dispMes(event)
{
document.getElementById('par').style.display='block';
document.getElementById('resultx').innerHTML=event.clientX;
document.getElementById('resulty').innerHTML=event.clientY;
}
....
<body onclick='dispMes(event)'>
</body>

Попробовать в редакторе

Быстрый просмотр

Таблица атрибутов событий:

Атрибут	Описание
altKey	Позволяет узнать была ли нажата клавиша Alt во время вызова события.
button	Позволяет узнать какая клавиша мыши была нажата во время вызова события. Атрибут имеет значение 0 если была нажата левая кнопка мыши, 1 если была нажата средняя клавиша мыши и 2 если была нажата правая кнопка мыши.
clientX	Позволяет узнать горизонтальные координаты указателя мыши во время вызова события относительно границ документа.
clientY	Позволяет узнать вертикальные координаты указателя мыши во время вызова события относительно границ документа.
ctrlKey	Позволяет узнать были ли нажата клавиша Ctrl во время вызова события.
screenX	Позволяет узнать горизонтальные координаты указателя мыши во время вызова события относительно границ экрана.
screenY	Позволяет узнать вертикальные координаты указателя мыши во время вызова события относительно границ экрана.
shiftKey	Позволяет узнать были ли нажата клавиша Shift во время вызова события.
target	Позволяет узнать элемент который вызвал событие.
type	Позволяет узнать имя события.

« DOM Справочник