Атрибуты событий HTML
Меню
Веб-разработка

Атрибуты событий HTML

Глобальные атрибуты событий

 

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>

Полный список всех доступных тегов HTML см. в Справочнике по тегам HTML.

 

 

Поделиться ссылкой