Руководство по атрибутам событий в HTML5

Следующие атрибуты событий могут быть применены к большинству HTML-элементов для выполнения JavaScript. Эти атрибуты могут быть указаны для всех элементов, за некоторыми исключениями, где они не имеют смысла, например, к элементам в разделе <head>, таких как <title>, <base>, <link>.

События Window

События, связанные с объектом window (относится к тегу <body>):

Атрибут	Значение	Описание
onafterprint	script	Срабатывает после печати соответствующего документа.
onbeforeprint	script	Срабатывает до печати соответствующего документа.
onbeforeunload	script	Запускается до выгрузки документа.
onerror	script	Срабатывает при возникновении ошибок в документе.
onhashchange	script	Запускается, когда часть URL-адреса, следующая за знаком (#) изменяется.
onload	script	Запускается, когда документ закончил загрузку.
onmessage	script	Срабатывает, когда происходит событие отправки сообщения, то есть когда пользователь отправляет сообщение с помощью метода `postMessage()`. Подробнее в Руководстве Web Workers в HTML5.
onoffline	script	Срабатывает при сбое сетевого подключения и браузер начинает работать в автономном режиме.
ononline	script	Срабатывает, когда сетевые подключения восстанавливаются и браузер начинает работать в сети.
onpagehide	script	Срабатывает, когда страница скрыта, например, когда пользователь переходит на другую веб-страницу.
onpageshow	script	Срабатывает, когда отображается страница, например, когда пользователь переходит на веб-страницу.
onpopstate	script	Возникает, когда вносятся изменения в активную историю.
onresize	script	Запускается при изменении размера окна браузера.
onstorage	script	Запускается при обновлении области Web Storage.
onunload	script	Срабатывает непосредственно перед выгрузкой документа или закрытием окна браузера.

События Form

События, которые происходят при взаимодействии пользователя с элементами управления HTML-формами.

Атрибут	Значение	Описание
onblur	script	Срабатывает, когда элемент теряет фокус.
onchange	script	Запускается при изменении значения или состояния элемента.
onfocus	script	Срабатывает, когда элемент получает фокус.
oninput	script	Запускается, когда значение элемента изменяется пользователем.
oninvalid	script	Вызывается, когда отправляемый элемент не удовлетворяет проверкам формы.
onreset	script	Запускается, когда пользователь сбрасывает форму.
onselect	script	Срабатывает, когда какой-либо текст выделяется или текущий выбор изменяется пользователем.
onsearch	script	Срабатывает, когда пользователь пишет что-то в поле ввода поиска.
onsubmit	script	Запускается при отправке формы.

События Mouse

События, которые происходят из-за взаимодействия пользователя с помощью мыши:

Атрибут	Значение	Описание
onclick	script	Срабатывает, когда пользователь нажимает левую кнопку мыши на элементе.
ondblclick	script	Запускается, когда пользователь дважды щелкает элемент.
oncontextmenu	script	Вызывается, когда пользователь запускает контекстное меню, щелкнув правой кнопкой мыши на элементе.
ondrag	script	Запускается, когда пользователь перетаскивает элемент. Событие `ondrag` происходит во время операции перетаскивания.
ondragend	script	Срабатывает, когда пользователь отпускает кнопку мыши в конце операции перетаскивания.
ondragenter	script	Запускается, когда пользователь перетаскивает элемент в допустимую цель перетаскивания.
ondragleave	script	Запускается, когда элемент покидает допустимую цель перетаскивания во время операции перетаскивания.
ondragover	script	Запускается, когда элемент перетаскивается находится над допустимой целью перетаскивания.
ondragstart	script	Запускается, когда пользователь начинает перетаскивать выделенный текст или выделенный элемент.
ondrop	script	Срабатывает, когда кнопка мыши отпущена во время операции перетаскивания, т.е. когда перетаскиваемый элемент сбрасывается.
onmousedown	script	Срабатывает при нажатии кнопки мыши над элементом.
onmousemove	script	Срабатывает, когда пользователь наводит указатель мыши на элемент.
onmouseout	script	Срабатывает, когда пользователь перемещает указатель мыши за пределы элемента.
onmouseover	script	Запускается, когда пользователь перемещает указатель мыши на элемент.
onmouseup	script	Срабатывает, когда пользователь отпускает кнопку мыши, когда мышь находится над элементом.
onmousewheel	script	Устарел. Вместо этого используйте атрибут `onwheel`.
onscroll	script	Запускается, когда пользователь прокручивает содержимое элемента, нажимая на полосу прокрутки элемента.
onshow	script	Возникает, когда событие `contextmenu` было запущено для элемента.
ontoggle	script	Запускается, когда пользователь открывает или закрывает элемент `<details>`.
onwheel	script	Срабатывает, когда пользователь прокручивает содержимое вверх или вниз по элементу.

События Keyboard

События, возникающие при взаимодействии пользователя с помощью клавиатуры:

Атрибут	Значение	Описание
onkeydown	script	Срабатывает, когда пользователь нажимает клавишу.
onkeypress	script	Срабатывает, когда пользователь нажимает буквенно-цифровую клавишу.
onkeyup	script	Срабатывает, когда пользователь отпускает ключ.

События Clipboard

События, связанные с модификацией буфера обмена, то есть копирование, вырезание и вставка:

Атрибут	Значение	Описание
oncopy	script	Запускается, когда пользователь копирует выделенный элемент, добавляя его в системный буфер обмена.
oncut	script	Запускается, когда выделенный элемент удаляется из документа и добавляются в системный буфер обмена.
onpaste	script	Запускается, когда пользователь вставляет данные из системного буфера обмена в документ.

События Media

События, возникающие при обработке элементов мультимедиа, встроенных в HTML-документы, таких как <audio> и <video>.

Атрибут	Значение	Описание
onabort	script	Срабатывает, когда воспроизведение прерывается, но не из-за ошибки.
oncanplay	script	Срабатывает, когда доступно достаточно данных для воспроизведения мультимедиа, по крайней мере, на пару кадров, но потребуется дополнительная буферизация..
oncanplaythrough	script	Срабатывает, когда весь носитель может быть воспроизведен до конца, не требуя остановки для дальнейшей буферизации.
oncuechange	script	Запускается, когда метка текстовой дорожки в элементе `<track>` изменяется.
ondurationchange	script	Запускается при изменении продолжительности медиа.
onemptied	script	Срабатывает, когда медиа-элемент сбрасывается в его начальное состояние, либо из-за фатальной ошибки во время загрузки, либо из-за вызова метода `load()` для его перезагрузки.
onended	script	Запускается при достижении конца воспроизведения.
onerror	script	Запускается при возникновении ошибки при получении медиа-данных.
onloadeddata	script	Запускается, когда медиа-данные загружаются в текущей позиции воспроизведения.
onloadedmetadata	script	Запускается, когда метаданные носителя (например, длительность и размеры) закончили загрузку.
onloadstart	script	Возникает, когда начинается загрузка носителя.
onpause	script	Срабатывает, когда воспроизведение приостановлено, пользователем или программно.
onplay	script	Запускается, когда воспроизведение мультимедиа начинается после приостановки, т.е. когда запрашивается метод `play()`.
onplaying	script	Запускается, когда начинается воспроизведение аудио или видео.
onprogress	script	Периодически срабатывает, чтобы показать прогресс при загрузке данных мультимедиа.
onratechange	script	Срабатывает, когда скорость воспроизведения увеличивается или уменьшается, например, в режиме замедленной съемки или ускоренной перемотки вперед.
onseeked	script	Срабатывает, когда операция поиска заканчивается.
onseeking	script	Запускается при перемещении текущей позиции воспроизведения.
onstalled	script	Срабатывает, когда загрузка неожиданно остановилась.
onsuspend	script	Срабатывает, когда загрузка носителя намеренно остановлена.
ontimeupdate	script	Срабатывает, когда позиция воспроизведения изменилась, например, когда пользователь переходит вперед в другую позицию воспроизведения.
onvolumechange	script	Срабатывает, когда громкость изменяется, или воспроизведение отключено или включено.
onwaiting	script	Срабатывает, когда воспроизведение останавливается, потому что следующий кадр видео ресурса недоступен.

Описанные выше атрибуты применяются ко всем элементам HTML, хотя для большинства из них они бесполезны.

Если вы разработчик, мы рекомендуем добавить этот пост в Закладки, т.к. быстрый доступ к информации, которую мы часто используем ускоряет нашу работу.

Здесь вы можете посмотреть все посты содержащие тег «закладки».