Руководство по HTML

Полный список HTML тегов

События HTML

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

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

Одна из новых возможностей HTML 4 позволяет вызывать поведение браузера с помощью HTML событий, например, запускать段 кода JavaScript при клике на HTML элемент.

Ниже приведена таблица стандартных свойств событий, которые можно вставить в элемент HTML/XHTML, чтобы определить поведение событий.

HTML5: Новые свойства событий, добавленные в HTML5.

Атрибуты событий окна (Window Event Attributes)

Событие, запускаемое через окно (подходит для тега <body>):

Атрибуты	Значение	Описание
onafterprintHTML5	script	Запуск скрипта после печати документа
onbeforeprintHTML5	script	Запуск скрипта до печати документа
onbeforeonloadHTML5	script	Запуск скрипта до загрузки документа
onblur	script	При потере фокуса окном запускается скрипт
onerrorHTML5	script	При возникновении ошибки запускается скрипт
onfocus	script	При получении фокуса окном запускается скрипт
onhaschangeHTML5	script	При изменении документа запускается скрипт
onload	script	При загрузке документа запускается скрипт
onmessageHTML5	script	При триггеринге сообщения запускается скрипт
onofflineHTML5	script	При выходе документа из сети запускается скрипт
ononlineHTML5	script	При запуске документа в сети запускается скрипт
onpagehideHTML5	script	При скрытии окна запускается скрипт
onpageshowHTML5	script	При видимости окна запускается скрипт
onpopstateHTML5	script	При изменении истории окна запускается скрипт
onredoHTML5	script	При выполнении действия повторения документа (redo) запускается скрипт
onresizeHTML5	script	При изменении размера окна запускается скрипт
onstorageHTML5	script	При обновлении области Web Storage (при изменении данных в хранилище) запускается скрипт
onundoHTML5	script	При выполнении действия отмены документа запускается скрипт
onunloadHTML5	script	При выходе пользователя из документа запускается скрипт

События форм (Form Events)

События форм запускаются в HTML-форме (подходят для всех HTML-элементов, но HTML-элемент должен быть в форме):

Атрибуты	Значение	Описание
onblur	script	При потере фокуса элементом запускается скрипт
onchange	script	При изменении элемента запускается скрипт
oncontextmenuHTML5	script	При вызове контекстного меню запускается скрипт
onfocus	script	При получении фокуса элементом запускается скрипт
onformchangeHTML5	script	При изменении формы запускается скрипт
onforminputHTML5	script	При получении ввода пользователя формой запускается скрипт
oninputHTML5	script	При получении ввода пользователя элементом запускается скрипт
oninvalidHTML5	script	При потере состояния элемента запускается скрипт
onreset	script	При сбросе формы запускается скрипт. В HTML 5 не поддерживается.
onselect	script	При выборе элемента запускается скрипт
onsubmit	script	При отправке формы запускается скрипт

События клавиатуры (Keyboard Events)

Атрибуты	Значение	Описание
onkeydown	script	При нажатии клавиши запускается скрипт
onkeypress	script	При нажатии и отпускании клавиши запускается скрипт
onkeyup	script	При отпускании клавиши запускается скрипт

События мыши (Mouse Events)

Триггер событий мыши, подобные поведению пользователя:

Атрибуты	Значение	Описание
onclick	script	При单击 мыши запускается скрипт
ondblclick	script	При двойном клике мыши запускается скрипт
onmousedown	script	Когда кнопку мыши нажимают, запускается скрипт
onmousemove	script	Когда указатель мыши движется, запускается скрипт
onmouseout	script	Когда указатель мыши выходит из элемента, запускается скрипт
onmouseover	script	Когда указатель мыши находится над элементом, запускается скрипт
onmouseup	script	Когда кнопку мыши отпускают, запускается скрипт
onmousewheelHTML5	script	Когда прокручивается колесико мыши, запускается скрипт

События перетаскивания (Drag Events)

Through dragging the mouse trigger the event, similar to user behavior:

Атрибуты	Значение	Описание
ondragHTML5	script	Когда таскается элемент, запускается скрипт
ondragendHTML5	script	Когда заканчивается операция перетаскивания, запускается скрипт
ondragenterHTML5	script	Когда элемент таскается на эффективную точку перетаскивания, запускается скрипт
ondragleaveHTML5	script	Когда элемент уходит от эффективной точки перетаскивания, запускается скрипт
ondragoverHTML5	script	Когда элемент таскается над эффективной точкой перетаскивания, запускается скрипт
ondragstartHTML5	script	Когда начинается операция перетаскивания, запускается скрипт
ondropHTML5	script	Когда элемент, который таскают, находится в процессе перетаскивания, запускается скрипт
onscrollHTML5	script	Когда прокручивается элемент, запускается скрипт

Мультимедийные события (Media Events)

Through video (videos), images (images) or audio (audio) trigger this event, commonly used in HTML media elements like <audio>, <embed>, <img>, <object>, и<video>):

Атрибуты	Значение	Описание
onabort	script	Когда происходит中止evento, запускается скрипт
oncanplayHTML5	script	Когда медиа может начать воспроизводиться, но может потребоваться остановка из-за буферизации, запускается скрипт
oncanplaythroughHTML5	script	Когда медиа может быть воспроизведено до конца без остановки из-за буферизации, запускается скрипт
ondurationchangeHTML5	script	Когда длина медиа изменяется, запускается скрипт
onemptiedHTML5	script	Когда элемент ресурса медиа внезапно становится пустым (ошибки в сети, ошибки загрузки и т.д.), запускается скрипт
onendedHTML5	script	Когда медиа достигает конца, запускается скрипт
onerrorHTML5	script	Когда во время загрузки элемента происходит ошибка, запускается скрипт
onloadeddataHTML5	script	Когда загружаются данные медиа, запускается скрипт
onloadedmetadataHTML5	script	Когда продолжительность элемента медиа и другие данные уже загружены, запускается скрипт
onloadstartHTML5	script	Когда браузер начинает загружать данные медиа, запускается скрипт
onpauseHTML5	script	Когда данные медиа приостанавливаются, запускается скрипт
onplayHTML5	script	Когда данные медиа должны начать воспроизводиться, запускается скрипт
onplayingHTML5	script	Когда данные медиа начинают воспроизводиться, запускается скрипт
onprogressHTML5	script	Когда браузер загружает данные медиа, запускается скрипт
onratechangeHTML5	script	Запускается скрипт при изменении скорости воспроизведения данных медиа
onreadystatechangeHTML5	script	Запускается скрипт при изменении состояния готовности (ready-state)
onseekedHTML5	script	Запускается скрипт, когда атрибут позиционирования элемента медиа больше не равен истинному значению и позиционирование завершено
onseekingHTML5	script	Запускается скрипт, когда атрибут позиционирования элемента медиа равен истинному значению и позиционирование已经开始
onstalledHTML5	script	Запускается скрипт при возникновении ошибки в процессе загрузки данных медиа (задержка)
onsuspendHTML5	script	Запускается скрипт при остановке загрузки данных медиа, но до тех пор, пока не будет загружен весь файл
ontimeupdateHTML5	script	Запускается скрипт при изменении позиции воспроизведения медиа
onvolumechangeHTML5	script	Запускается скрипт при изменении уровня звука или когда звук установлен на беззвучный
onwaitingHTML5	script	Запускается скрипт при остановке медиа, но с намерением продолжить воспроизведение

Другие события

Атрибуты	Значение	Описание
onshowHTML5	script	Триггерится при отображении элемента <menu> в контексте
ontoggleHTML5	script	Триггерится при открытии или закрытии элемента <details>

HTML-канвас Глобальные атрибуты HTML