События мыши:
| Событие | Описание |
|---|---|
| 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 | реагирует на кэширование страницы |