HTML - Справочник по событиям
Когда пользователи посещают ваш веб-сайт, они нажимают на различные ссылки, наводят указатель мыши на текст и изображения и т. Д. Это примеры того, что мы называем событиями в терминологии JavaScript и VBScript.
Мы можем написать наши обработчики событий, используя JavaScript или VBScript, и можем указать некоторые действия, которые нужно предпринять против этих событий. Хотя это события, но они будут указаны как атрибуты для тегов HTML.
В спецификации HTML 4.01 было определено 19 событий, но позже HTML-5 добавил много других событий, которые мы перечислили здесь -
Атрибуты событий окна
Следующие события были введены в более старых версиях HTML, но все теги, отмеченные значком,

События | HTML-5 | Описание |
---|---|---|
onafterprint |
![]() |
Срабатывает после печати документа |
onbeforeprint |
![]() |
Срабатывает перед печатью документа |
перед загрузкой |
![]() |
Триггеры перед загрузкой документа |
ошибка |
![]() |
Срабатывает при возникновении ошибки |
на изменение |
![]() |
Срабатывает при изменении документа |
в процессе | Срабатывает при загрузке документа | |
onmessage |
![]() |
Срабатывает при появлении сообщения |
онлайн |
![]() |
Срабатывает, когда документ переходит в автономный режим |
онлайн |
![]() |
Срабатывает, когда документ появляется в сети |
onpagehide |
![]() |
Срабатывает, когда окно скрыто |
onpageshow |
![]() |
Срабатывает, когда окно становится видимым |
onpopstate |
![]() |
Срабатывает при изменении истории окна |
Онредо |
![]() |
Срабатывает, когда документ выполняет повтор |
onresize |
![]() |
Срабатывает при изменении размера окна |
onstorage |
![]() |
Срабатывает при загрузке документа |
онундо |
![]() |
Срабатывает, когда документ выполняет отмену |
onunload | Срабатывает, когда пользователь покидает документ |
События формы
Следующие теги были введены в более старых версиях HTML, но все теги, отмеченные значком,

События | HTML-5 | Описание |
---|---|---|
onblur | Срабатывает, когда окно теряет фокус | |
по изменению | Срабатывает при изменении элемента | |
oncontextmenu |
![]() |
Срабатывает при запуске контекстного меню |
onfocus | Срабатывает, когда окно получает фокус | |
onformchange |
![]() |
Срабатывает при изменении формы |
onforminput |
![]() |
Срабатывает, когда форма получает вводимые пользователем данные |
на входе |
![]() |
Срабатывает, когда элемент получает ввод пользователя |
недействительный |
![]() |
Срабатывает, когда элемент недействителен |
начало | Срабатывает при сбросе формы | |
onselect | Срабатывает, когда выбран элемент | |
onsubmit | Срабатывает при отправке формы |
События клавиатуры
События | HTML-5 | Описание |
---|---|---|
onkeydown | Срабатывает при нажатии клавиши | |
onkeypress | Срабатывает при нажатии и отпускании клавиши | |
onkeyup | Срабатывает при отпускании клавиши |
События мыши
Следующие теги были введены в более старых версиях HTML, но все теги, отмеченные значком,

События | HTML-5 | Описание |
---|---|---|
по щелчку | Триггеры по щелчку мыши | |
ondblclick | Триггеры по двойному щелчку мыши | |
ondrag |
![]() |
Срабатывает при перетаскивании элемента |
ондрагенд |
![]() |
Триггеры в конце операции перетаскивания |
ондрагентер |
![]() |
Срабатывает, когда элемент перетаскивается в допустимую цель перетаскивания |
Ondragleave |
![]() |
Срабатывает, когда элемент покидает допустимую цель перетаскивания |
ондраговер |
![]() |
Срабатывает, когда элемент перетаскивается через допустимую цель перетаскивания |
ondragstart |
![]() |
Триггеры в начале операции перетаскивания |
капля |
![]() |
Срабатывает, когда перетаскивается элемент |
onmousedown | Срабатывает при нажатии кнопки мыши | |
onmousemove | Срабатывает при перемещении указателя мыши | |
onmouseout | Срабатывает, когда указатель мыши выходит за пределы элемента | |
при наведении мыши | Срабатывает, когда указатель мыши перемещается по элементу | |
onmouseup | Срабатывает при отпускании кнопки мыши | |
onmousewheel |
![]() |
Срабатывает при вращении колесика мыши |
прокрутка |
![]() |
Срабатывает при прокрутке полосы прокрутки элемента |
СМИ События
Следующие теги были введены в более старых версиях HTML, но все теги, отмеченные значком,

События | HTML-5 | Описание |
---|---|---|
onabort | Запускается по событию прерывания | |
oncanplay |
![]() |
Срабатывает, когда медиа может начать воспроизведение, но может быть остановлено для буферизации |
oncanпрохождение |
![]() |
Срабатывает, когда мультимедиа можно воспроизвести до конца без остановки для буферизации |
ondurationchange |
![]() |
Срабатывает при изменении длины медиа |
один пустой |
![]() |
Срабатывает, когда элемент медиаресурса внезапно становится пустым. |
закончился |
![]() |
Срабатывает, когда носитель достигает конца |
ошибка |
![]() |
Срабатывает при возникновении ошибки |
onloadeddata |
![]() |
Срабатывает при загрузке медиа-данных |
onloadedmetadata |
![]() |
Срабатывает при загрузке продолжительности и других медиа-данных медиа-элемента. |
onloadstart |
![]() |
Срабатывает, когда браузер начинает загрузку медиа-данных |
пауза |
![]() |
Срабатывает при приостановке мультимедийных данных |
onplay |
![]() |
Срабатывает, когда начинается воспроизведение мультимедийных данных |
onplaying |
![]() |
Срабатывает при начале воспроизведения мультимедийных данных |
в процессе |
![]() |
Срабатывает, когда браузер получает медиаданные |
onratechange |
![]() |
Срабатывает при изменении скорости воспроизведения мультимедийных данных |
onreadystatechange |
![]() |
Срабатывает при изменении состояния готовности |
искал |
![]() |
Срабатывает, когда атрибут поиска медиа-элемента больше не соответствует истине и поиск завершен. |
ищущий |
![]() |
Запускается, когда атрибут поиска медиаэлемента истинен и поиск начался. |
установленный |
![]() |
Срабатывает при ошибке при получении данных мультимедиа |
приостановить |
![]() |
Срабатывает, когда браузер получал медиаданные, но останавливался до того, как был получен весь медиафайл |
ontimeupdate |
![]() |
Срабатывает, когда медиа меняет положение воспроизведения |
onvolumechange |
![]() |
Срабатывает, когда носитель изменяет громкость, также когда для громкости установлено значение «без звука» |
в ожидании |
![]() |
Срабатывает, когда воспроизведение мультимедиа прекращается, но ожидается, что оно возобновится |