kwork banner 468x60kwork banner 728x90kwork banner 930x180smsc banner 468x60smsc banner 728x90smsc banner 930x180beget banner 468x60beget banner 728x90beget banner 930x180

Руководство по атрибутам событий в 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, хотя для большинства из них они бесполезны.

kwork banner 480x320kwork banner 728x90kwork banner 120x600etxt banner 480x320etxt banner 728x90etxt banner 120x600skillbox banner 480x320skillbox banner 728x90skillbox banner 120x600

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

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

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 1

Оценок пока нет. Поставьте оценку первым.

Похожие посты

Руководство по сущностям и символам в HTML

В следующей таблице перечислены основные сущности в HTML. Символ HTML-символ Числовое значение Описание & &amp; &#38; Амперсант « &quot; &#34; Двойная кавычка < &lt; &#60; Меньше > &gt; &#62; Больше ‘ &apos; &#39; Апостроф (только в XHTML) Символы валют В следующей таблице перечислены символы валют. Символ HTML-символ Числовое значение Описание ¢ &cent; &#162; Цент £…
Подробнее