Справочник JavaScript событий DOM элементов

События мыши:

Событие Описание
onclick реагирует на клик мыши;
ondblclick реагирует на двойной клик;
oncontextmenu реагирует на клик правой кнопкой мыши;
onmouseover реагирует на наведение мыши (на дочерние элементы тоже);
onmouseenter реагирует на наведение мыши;
onmouseout реагирует на отведение мыши (на дочерние элементы тоже);
onmouseleave реагирует на отведение мыши;
onmousedown реагирует на зажатие кнопки мыши;
onmouseup реагирует на отпускание кнопки мыши;
onmousemove реагирует при движении указателя мыши над элементов;
onwheel реагирует при движении колёсика мыши над элементом;
altKey реагирует на нажатие кнопки мыши при нажатой клавиши ALT;
ctrlKey реагирует на нажатие кнопки мыши при нажатой клавиши CTRL;
shiftKey реагирует на нажатие кнопки мыши при нажатой клавиши SHIFT;
metaKey реагирует на нажатие кнопки мыши при нажатой клавиши META(◆,⌘);
button возвращает номер нажатой клавиши мыши (0,1,2);
buttons возвращает номер нажатой клавиши мыши (1,2,4,8,16);
which возвращает номер нажатой клавиши мыши (1,2,3);
clientX возвращает координату указателя мыши по оси X (относительно окна);
clientY возвращает координату указателя мыши по оси Y (относительно окна);
detail возвращает количество кликов по объекту;
relatedTarget возвращает родственный элемент;
screenX возвращает координату указателя мыши по оси X (относительно экрана);
screenY возвращает координату указателя мыши по оси Y (относительно экрана);
deltaX возвращает количество скроллов по оси X;
deltaY возвращает количество скроллов по оси Y;
deltaZ возвращает количество скроллов по оси Z;
deltaMode возвращает единицу измерения длины скролла;



События клавиатуры:

Событие Описание
onkeydown реагирует на нажатие клавиши;
onkeypress реагирует на нажатие клавиши;
onkeyup реагирует на отпускание клавиши;
altKey реагирует на нажатие клавиши ALT;
ctrlKey реагирует на нажатие клавиши CTRL;
shiftKey реагирует на нажатие клавиши SHIFT;
metaKey реагирует на нажатие клавиши META(◆,⌘);
key возвращает значение нажатой клавиши;
keyCode возвращает Unicode нажатой клавиши;
which возвращает Unicode нажатой клавиши;
charCode возвращает Unicode нажатой клавиши;
location возвращает код группы клавиш (цифры, буквы, ...) (0,1,2,3)

События объектов и ресурсов:

Событие Описание
onabort срабатывает когда загрузка ресурса была отклонена;
onbeforeunload срабатывает во время загрузки страницы;
onerror срабатывает в случае ошибки загрузки ресурса;
onhashchange срабатывает при изменении якоря на странице;
onload срабатывает после загрузки объекта;
onpageshow срабатывает после каждой загрузки страницы;
onpagehide срабатывает когда пользователь уходит со страницы;
onresize срабатывает когда размер страницы был изменен;
onscroll срабатывает когда скроллбар элемента был передвинут;
onunload срабатывает однажды после выгрузки страницы.

События форм и их элементов:

Событие Описание
onblur срабатывает когда элемент теряет фокус;
onfocus срабатывает когда элемент получает фокус;
onfocusin тоже, что и onfocus, но и для дочерних элементов;
onfocusout тоже, что и onblur, но и для дочерних элементов;
onchange срабатывает когда содержимое элемента было изменено;
oninput срабатывает когда input получает ввод;
oninvalid срабатывает когда содержимое элемента неверно;
onreset срабатывает после сброса форма;
onsearch срабатывает при вводе в поле с типом search;
onselect срабатывает после выделения текста в элементе;
onsubmit срабатывает после отправки формы.

События Drag and Drop:

Событие Описание
ondrag срабатывает при переносе элемента;
ondragend срабатывает после переноса элемента;
ondragenter срабатывает когда элемент находится в целевой drop зоне;
ondragleave срабатывает когда элемент покидает drop зону;
ondragover срабатывает когда элемент находится над drop зоной;
ondragstart срабатывает при начале перетаскивания;
ondrop срабатывает после отпускания элемента в drop зону.

События буфера обмена:

Событие Описание
oncopy срабатывает при копировании содержимого элемента;
oncut срабатывает при вырезании содержимого элемента;
onpaste срабатывает при вставке данных в элемент.

События печати:

Событие Описание
onafterprint срабатывает после начала печати страницы;
onbeforeprint срабатывает перед началом печати страницы.

Медиа события:

Событие Описание
onabort срабатывает при ошибке загрузки медиа;
oncanplay срабатывает после полной буферизации медиа;
oncanplaythrough срабатывает если браузер готов к воспроизведению медиа;
ondurationchange срабатывает если продолжительность медиа была изменена;
onemptied срабатывает если медиа не доступно;
onended срабатывает когда произведение медиа закончилось;
onerror срабатывает при ошибке загрузки медиа;
onloadeddata срабатывает после загрузки данных медиа;
onloadedmetadata срабатывает после загрузки мета-данных медиа;
onloadstart срабатывает после начала загрузки медиа;
onpause срабатывает при включении паузы;
onplay срабатывает когда медиа начало воспроизводится;
onplaying срабатывает в момент воспроизведения медиа;
onprogress срабатывает  в момент скачивания медиа;
onratechange срабатывает при изменении скорости воспроизведения;
onseeked срабатывает при изменении положения начала воспроизведения;
onseeking срабатывает в момент изменения положения начала воспроизведения;
onstalled срабатывает при неполучении данных о медиа;
onsuspend срабатывает при нарочном неполучении данных о медиа;
ontimeupdate срабатывает при изменении положения начала воспроизведения;
onvolumechange срабатывает при изменении громкости медиа;
onwaiting срабатывает при включении паузы для буфферизации.

События анимации:

Событие Описание
animationstart срабатывает когда анимация началась;
animationend срабатывает когда анимация закончилась;
animationiteration срабатывает когда анимация повторяется;
animationName возвращает имя анимации;
elapsedTime возвращает время воспроизведения анимации;
propertyName возвращает имя анимированого CSS свойства;
elapsedTime возвращает время воспроизведения перехода (transition);

События плавного перехода:

Событие Описание
transitionend срабатывает когда плавный переход закончился.

События сервера:

Событие Описание
onerror срабатывает когда возникает ошибка в источнике события;
onmessage срабатывает когда сообщение получено через источник события;
onopen срабатывает когда соединение с источником события открыто.

События браузера:

Событие Описание
ononline срабатывает когда браузер находится online;
onoffline срабатывает когда браузер находится offline;
onstorage срабатывает когда Web Storage был обновлен;
onshow срабатывает когда <menu> отражено как контекстное меню;
ontoggle срабатывает при нажатии на элемент <details>;
onpopstate срабатывает при изменении истории окна.

События сенсорных экранов:

Событие Описание
ontouchstart срабатывает при касании экрана;
ontouchmove срабатывает при перемещения касания;
ontouchend срабатывает при прекращении касания
ontouchcancel срабатывает когда касание прервано.

События объектов:

Событие Описание
bubbles показывает является ли событие - bubbles событием;
cancelable показывает является ли событие - cancelable событием;
currentTarget возвращает элемент, событие которого было вызвано;
defaultPrevented показывает был вызван метод preventDefault() для события;
eventPhase возвращает текущую фазу потока события;
isTrusted показывает является ли событие - trusted событием;
target возвращает элемент, который вызвал событие;
timeStamp возвращает время с момента срабатывания события;
type возвращает имя события элемента;
view возвращает ссылку объекту Window, где произошло событие;
preventDefault() предотвращает реагирование объекта на событие;
stopImmediatePropagation() предотвращает реагирование на прослушивание объекта 
stopPropagation() предотвращает реагирование объекта на дальнейшие события.

События хэша:

Событие: Описание:
newURL возвращает URL страницы после изменения хэша;
oldURL возвращает URL страницы до изменения хэша;

События кэша:

Событие: Описание
persisted реагирует на кэширование страницы