Следующие атрибуты событий могут быть применены к большинству 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, хотя для большинства из них они бесполезны.
Если вы разработчик, мы рекомендуем добавить этот пост в Закладки, т.к. быстрый доступ к информации, которую мы часто используем ускоряет нашу работу.
Здесь вы можете посмотреть все посты содержащие тег «закладки».