Здравствуйте, сегодня я собрал для вас полный список событий HTML. События HTML 5 — это специальные глобальные атрибуты, используемые в тегах для вызова обработчиков событий, написанных на различных языках сценариев таких, как JavaScript и вызываемых, когда на странице происходит какое-либо действие.
Хочу сразу сказать, что всему свойственно обновляться, поэтому, если вы знаете более новую информацию по тегам, попрошу отписаться в комментариях. Спасибо! Информация будет представлять из себя таблицу с тегами, а так же шпаргалку . Документ для скачивания будет находиться в конце этого поста.
Все события были разбиты на группы.
Оконные Атрибуты Событий
События, возникающие в оконном объекте.
Применяется к тегу <body>:
| Атрибут | Значение | Описание |
|---|---|---|
| onafterprint | скрипт | Скрипт, запускаемый после того, как документ распечатается |
| onbeforeprint | скрипт | Скрипт, запускаемый перед печатью документа |
| onbeforeonload | скрипт | Скрипт, запускаемый перед загрузкой документа |
| onblur | скрипт | Скрипт, запускаемый, когда окно теряет фокус |
| onerror | скрипт | Скрипт, запускаемый, когда происходит ошибка |
| onfocus | скрипт | Скрипт, запускаемый, когда окно получает фокус |
| onhaschange | скрипт | Скрипт, запускаемый, когда документ изменился |
| onload | скрипт | Скрипт, запускаемый, когда документ загружается |
| onmessage | скрипт | Скрипт, запускаемый при получении сообщения |
| onoffline | скрипт | Скрипт, запускаемый, когда документ переходит в оффлайн режим |
| ononline | скрипт | Скрипт, запускаемый, когда документ переходит в режим онлайн |
| onpagehide | скрипт | Скрипт, запускаемый, когда окно становится невидимым |
| onpageshow | скрипт | Скрипт, запускаемый, когда окно становится видимым |
| onpopstate | скрипт | Скрипт, запускаемый, когда история окна изменяется |
| onredo | скрипт | Скрипт, запускаемый, когда документ выполняет восстановление последней операции |
| onresize | скрипт | Скрипт, запускаемый, когда изменяется размер окна |
| onstorage | скрипт | Скрипт, запускаемый, когда документ загружается |
| onundo | скрипт | Скрипт, запускаемый, когда документ выполняет отмену последней операции |
| onunload | скрипт | Скрипт, запускаемый, когда пользователь закрывает документ |
События Формы
События, возникающие при выполнении действий с HTML формами.
Применяются ко всем элементам HTML5, но обычно используются в элементах формы:
| Атрибут | Значение | Описание |
|---|---|---|
| onblur | скрипт | Скрипт, запускаемый, когда элемент теряет фокус |
| onchange | скрипт | Скрипт, запускаемый, когда элемент изменяется |
| oncontextmenu | скрипт | Скрипт, запускаемый, когда запускается контекстное меню |
| onfocus | скрипт | Скрипт, запускаемый, когда элемент получает фокус |
| onformchange | скрипт | Скрипт, запускаемый, когда форма изменяется |
| onforminput | скрипт | Скрипт, запускаемый, когда получает пользователь вводит данные в форму |
| oninput | скрипт | Скрипт, запускаемый, когда пользователь вводит данные в элемент |
| oninvalid | скрипт | Скрипт, запускаемый, когда элемент неработоспособный |
| onreset | скрипт | Скрипт, запускаемый, когда форма сбрасывается Не поддерживается в HTML5 |
| onselect | скрипт | Скрипт, запускаемый, когда элемент выбирается |
| onsubmit | скрипт | Скрипт, запускаемый при отправке формы |
События Клавиатуры
События, инициируемые клавиатурой.
Применяется ко всем элементам HTML5.
| Атрибут | Значение | Описание |
|---|---|---|
| onkeydown | скрипт | Скрипт, запускаемый при нажатии кнопки |
| onkeypress | скрипт | Скрипт, запускаемый, когда кнопка была нажата, а затем отпущена |
| onkeyup | скрипт | Скрипт, запускаемый при отпускании кнопки |
События Мыши
События, возникающие при выполнении действий с мышью или подобных действиях пользователя:
Применяется ко всем элементам HTML5.
| Атрибут | Значение | Описание |
|---|---|---|
| onclick | скрипт | Скрипт, запускаемый при клике мышью |
| ondblclick | скрипт | Скрипт, запускаемый при двойном щелчке мышью |
| ondrag | скрипт | Скрипт, запускаемый при перетаскивании элемента |
| ondragend | скрипт | Скрипт, запускаемый в конце операции перетаскивания |
| ondragenter | скрипт | Скрипт, запускаемый, когда элемент находится над допустимой областью для сброса |
| ondragleave | скрипт | Скрипт, запускаемый, когда элемент покидает допустимую область |
| ondragover | скрипт | Скрипт, запускаемый при перемещении над областью сброса |
| ondragstart | скрипт | Скрипт, запускаемый в начале перетаскивания |
| ondrop | скрипт | Скрипт, запускаемый при отпускании элемента |
| onmousedown | скрипт | Скрипт, запускаемый при нажатии кнопки мыши |
| onmousemove | скрипт | Скрипт, запускаемый при перемещении указателя мыши |
| onmouseout | скрипт | Скрипт, запускаемый при выходе указателя за пределы элемента |
| onmouseover | скрипт | Скрипт, запускаемый при наведении указателя на элемент |
| onmouseup | скрипт | Скрипт, запускаемый при отпускании кнопки мыши |
| onmousewheel | скрипт | Скрипт, запускаемый при прокрутке колеса мыши |
| onscroll | скрипт | Скрипт, запускаемый при прокрутке содержимого элемента |
Медиа События
События, возникающие в медиа элементах, например video (видео), image (изображения) и audio (аудио).
Применяются ко всем элементам HTML5, но наиболее часто используются в медиа элементах, таких как audio, embed, img, object и video:
| Атрибут | Значение | Описание |
|---|---|---|
| onabort | скрипт | Скрипт, запускаемый при отмене |
| oncanplay | скрипт | Когда медиа может начать воспроизведение, но может буферизоваться |
| oncanplaythrough | скрипт | Когда медиа может воспроизводиться до конца без остановок |
| ondurationchange | скрипт | Когда изменяется продолжительность медиа |
| onemptied | скрипт | Когда источник медиа становится пустым |
| onended | скрипт | Когда воспроизведение завершено |
| onerror | скрипт | При возникновении ошибки загрузки |
| onloadeddata | скрипт | Когда данные медиа загружены |
| onloadedmetadata | скрипт | Когда загружены метаданные |
| onloadstart | скрипт | Когда начинается загрузка медиа |
| onpause | скрипт | При постановке на паузу |
| onplay | скрипт | При начале воспроизведения |
| onplaying | скрипт | Когда воспроизведение уже началось |
| onprogress | скрипт | При загрузке (буферизации) данных |
| onratechange | скрипт | При изменении скорости воспроизведения |
| onreadystatechange | скрипт | При изменении состояния готовности |
| onseeked | скрипт | Когда поиск завершён |
| onseeking | скрипт | Когда поиск начат |
| onstalled | скрипт | При остановке загрузки данных |
| onsuspend | скрипт | При приостановке загрузки |
| ontimeupdate | скрипт | При изменении позиции воспроизведения |
| onvolumechange | скрипт | При изменении громкости или mute |
| onwaiting | скрипт | Когда воспроизведение ожидает данные |
