HTML Атрибуты событий
События HTML — это специальные глобальные атрибуты, используемые в тегах для вызова обработчиков событий, написанных на различных языках сценариев таких, как JavaScript и вызываемых, когда на странице происходит какое-либо действие. События позволяют сделать вашу страницу динамической.
Атрибуты событий окна
События, вызываемые на объект окна (применяются с тегом <body>):
HTML Атрибуты событий окна
Атрибут |
Значение |
Описание |
onafterprint |
script |
Скрипт срабатывает после того, как документ будет напечатан |
onbeforeprint |
script |
Скрипт выполняется перед распечаткой документа |
onbeforeunload |
script |
Скрипт срабатывает до загрузки документа |
onerror |
script |
Скрипт срабатывает, при возникновении ошибки |
onhashchange |
script |
Скрипт срабатывает при изменении в названии #якоря из текущего URL-адреса |
onload |
script |
Скрипт запустится после завершения полной загрузки страницы |
onmessage |
script |
Скрипт выполняется при срабатывании сообщения |
onoffline |
script |
Скрипт срабатывает, когда браузер начинает работать в автономном режиме |
ononline |
script |
Скрипт срабатывает, когда браузер начинает работать онлайн |
onpagehide |
script |
Скрипт срабатывает, когда пользователь покидает страницу |
onpageshow |
script |
Скрипт срабатывает, когда пользователь переходит на страницу |
onpopstate |
script |
Скрипт срабатывает при изменении окна истории |
onresize |
script |
Скрипт срабатывает, когда окно браузера изменяется |
onstorage |
script |
Скрипт срабатывает, когда веб-хранилище данных обновляется |
onunload |
script |
Скрипт срабатывает при выходе пользователя из документа |
События формы
События срабатывают на действия внутри HTML формы (могут применяться почти ко всем элементам HTML, но чаще всего применяются к элементам формы):
HTML Атрибуты событий формы
Атрибут |
Значение |
Описание |
onblur |
script |
Скрипт срабатывает, когда элемент теряет фокус |
onchange |
script |
Скрипт срабатывает при изменении значений элемента |
oncontextmenu |
script |
Скрипт срабатывает при вызове контекстного меню |
onfocus |
script |
Скрипт срабатывает, когда элемент получает фокус |
oninput |
script |
Скрипт срабатывает, когда элемент получает ввод данных от пользователя |
oninvalid |
script |
Скрипт срабатывает, когда элемент станет недействителен |
onreset |
script |
Скрипт срабатывает при сбросе формы |
onsearch |
script |
Скрипт срабатывает, когда пользователь пишет что-то в поле поиска (для
<input="search">) |
onselect |
script |
Скрипт срабатывает при выделении текста в элементе |
onsubmit |
script |
Скрипт срабатывает при отправке формы |
События клавиатуры
События, вызываемые клавиатурой (могут применяться ко всем элементам HTML):
HTML Атрибуты событий клавиатуры
Атрибут |
Значение |
Описание |
onkeydown |
script |
Скрипт срабатывает, когда пользователь нажимает на клавишу |
onkeypress |
script |
Скрипт срабатывает после того, как пользователь нажал на клавишу |
onkeyup |
script |
Скрипт срабатывает после того, как нажатая клавиша была отпущена |
События мыши
События, вызываемые действиями мышкой или аналогичными действиями пользователя (могут применяться ко всем элементам HTML):
HTML Атрибуты событий мыши
Атрибут |
Значение |
Описание |
onclick |
script |
Скрипт срабатывает при клике левой кнопки мыши на элементе |
ondblclick |
script |
Скрипт срабатывает после двойного клика мыши на элементе |
ondrag |
script |
Скрипт срабатывает при перетаскивании элемента |
ondragend |
script |
Скрипт срабатывает после операции перетаскивания |
ondragenter |
script |
Скрипт срабатывает, когда элемент будет перенесен на заданную зону (цель для переноса) |
ondragleave |
script |
Скрипт срабатывает, когда элемент выходит из допустимой зоны для переноса |
ondragover |
script |
Скрипт срабатывает, когда элемент перемещают над допустимой зоной для переноса |
ondragstart |
script |
Скрипт срабатывает, когда пользователь начинает перетаскивать элемент |
ondrop |
script |
Скрипт срабатывает после того, как перетаскиваемый элемент опустился на объект перетаскивания |
onmousedown |
script |
Скрипт срабатывает при нажатии кнопки мыши на элементе |
onmousemove |
script |
Скрипт срабатывает, пока указатель мыши перемещается над элементом |
onmouseout |
script |
Скрипт срабатывает, когда указатель мыши перемещается за пределы элемента |
onmouseover |
script |
Скрипт срабатывает, когда указатель мыши начал перемещаться над элементом |
onmouseup |
script |
Скрипт срабатывает при отпускании кнопки мыши с элемента |
onmousewheel |
script |
Устарел в HTML5. Используйте атрибут onwheel |
onscroll |
script |
Скрипт срабатывает во время прокручивания полосы прокрутки элемента |
onwheel |
script |
Скрипт срабатывает при использовании колеса мыши на элементе |
События буфера обмена
Атрибут |
Значение |
Описание |
oncopy |
script |
Скрипт срабатывает, когда пользователь копирует содержимое элемента |
oncut |
script |
Скрипт срабатывает, когда пользователь вырезает содержимое элемента |
onpaste |
script |
Скрипт срабатывает, когда пользователь вставляет содержимое в элемент |
События медиа-файлов
События, вызываемые для медиа файлов, таких как видео, изображения и аудио (могут применяться ко всем элементам HTML, но чаще всего применяются к таким элементам, как
<audio>, <embed>, <img>, <object>, and <video>):
HTML Атрибуты событий медиа-файлов
Атрибут |
Значение |
Описание |
onabort |
script |
Скрипт срабатывает при прерывании |
oncanplay |
script |
Скрипт срабатывает, когда файл будет готов, чтобы начать проигрывание (когда будет достаточно буферизирован, чтобы начать) |
oncanplaythrough |
script |
Скрипт срабатывает, когда файл может быть воспроизведен полностью (от начала до конца), не останавливаясь для буферизации |
oncuechange |
script |
Скрипт, который будет запускаться, когда изменения метки в элементе <track> |
ondurationchange |
script |
Скрипт срабатывает при изменении длины продолжительности медиа файла |
onemptied |
script |
ScСкрипт срабатывает, когда произошла какая-то неполадка и файл стал недоступен (например при разрыве связи с интернетом) |
onended |
script |
Скрипт срабатывает, когда аудио/видео файл дойдет до конца (например для вывода сообщения: спасибо за прослушивание/просмотр) |
onerror |
script |
Скрипт срабатывает, если возникнет ошибка при загрузке файла |
onloadeddata |
script |
Скрипт срабатывает при загрузке данных медиа файла |
onloadedmetadata |
script |
Скрипт срабатывает, когда загружены мета-данные (например размер и продолжительность) |
onloadstart |
script |
Скрипт срабатывает при загрузке файла прежде, чем начнет загружаться на самом деле |
onpause |
script |
Скрипт срабатывает, если воспроизведение файла приостановлено (нажали паузу) пользователем или программно |
onplay |
script |
Script to be run when the media is ready to start playing |
onplaying |
script |
Скрипт срабатывает, когда файл готов начать воспроизводиться |
onprogress |
script |
Скрипт срабатывает, когда браузер находится в процессе получения данных медиа файла |
onratechange |
script |
Скрипт срабатывает, каждый раз, при изменении режима воспроизведения (например, когда пользователь переключается на медленное воспроизведение или режим быстрой перемотки) |
onseeked |
script |
Скрипт запускается, когда атрибут seeked у тегов audio или video имеет значение "false", т.е.текущая позиция воспроизведения найдена |
onseeking |
script |
Скрипт запускается, когда атрибут seeking у тегов audio или video имеет значение "true", т.е. текущая позиция воспроизведения перемещается |
onstalled |
script |
Скрипт срабатывает, когда браузер не может получить данные медиа файла по любой причине |
onsuspend |
script |
Скрипт срабатывает, когда получение данных медиа файла прекращается, до окончания полной загрузки по любой причине |
ontimeupdate |
script |
Скрипт срабатывает, когда позиция воспроизведения изменилась (например, когда пользователь выбрал другую точку воспроизведения) |
onvolumechange |
script |
Скрипт срабатывает каждый раз при изменении значения громкости звука (включая полное отключение звука) |
onwaiting |
script |
Скрипт срабатывает, когда медиа файл остановлен, но ожидается возобновление запуска (например, когда файл делает паузу для буферизации оставшихся данных) |
Прочие события
Атрибут |
Значение |
Описание |
onerror |
script |
Скрипт срабатывает, когда происходит ошибка во время загрузки внешнего файла |
onshow |
script |
Скрипт срабатывает, когда элемент <menu> |
ontoggle |
script |
Скрипт срабатывает, когда пользователь открывает или закрывает элемент <details> |