Справочник событий 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
  Подписаться  
Уведомление о