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> |
