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