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>



Contema