Здравствуйте, сегодня я собрал для вас полный список событий 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 | скрипт | Скрипт, запускаемый, когда медиа перестало воспроизводиться и ожидает возобновления |
Ссылка на документ https://yadi.sk/i/2iWOvHS73QciR5
