Справочник событий HTML

Здравствуйте, сегодня я собрал для вас полный список событий 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

Если у вас есть вопросы, пишите их в нашей группе – https://vk.com/progtime

Вы так же можете разместить свой вопрос на нашем форуме, где другие программисты смогут вам помочь в решение вашей задачи – https://vk.com/prog_time

В ней мы делимся своим опытом с другими начинающими программистами, поэтому обязательно ответим на ваш вопрос.

Так же прокачивайте свои навыки на нашем канале – https://www.youtube.com/c/ProgTime

Рекомендованные

 

Вам также будет интересно

 

Оставить комментарий

avatar
  Подписаться  
Уведомление о