Референсное руководство по событиям HTML

Рекомендации по курсам:

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

HTML способен запускать действия в браузере, такие как запуск JavaScript при нажатии пользователем на элемент. Учебник по JavaScriptЧтобы узнать больше о программных событиях, пожалуйста, посетите наш

.

Ниже приведены глобальные свойства событий, которые можно добавить к элементам HTML для определения действий по событиям.

Свойства событий окна

Свойство Значение Описание
События, запускаемые для объекта window ( применимы к тегу <body>): script Скрипт, выполняемый после печати документа.
onbeforeprint script Скрипт, выполняемый перед печатью документа.
onbeforeunload script Скрипт, выполняемый перед卸装载окумента.
onerror script Скрипт, выполняемый при возникновении ошибки.
onhaschange script Скрипт, выполняемый при изменении документа.
onload script Запускаются после завершения загрузки страницы.
onmessage script Скрипт, выполняемый при возникновении сообщения.
onoffline script Скрипт, выполняемый при уходе документа в оффлайн.
ononline script Скрипт, выполняемый при запуске документа.
onpagehide script Скрипт, выполняемый при скрытии окна.
onpageshow script Скрипт, выполняемый при становлении окна видимым.
onpopstate script Скрипт, выполняемый при изменении истории окна.
onredo script Скрипт, выполняемый при выполнении redo в документе.
onresize script Запускаются при изменении размера браузерного окна.
onstorage script Скрипт, выполняемый после обновления области Web Storage.
onundo script Скрипт, выполняемый при выполнении undo в документе.
onunload script Запускаются, когда страница уже загружена (или браузерное окно уже закрыто).

События формы

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

Свойство Значение Описание
onblur script Запуск скрипта при потере фокуса элементом.
onchange script Запуск скрипта при изменении значения элемента.
oncontextmenu script Запуск скрипта при запуске контекстного меню.
onfocus script Запуск скрипта при получении фокуса элементом.
onformchange script Запуск скрипта при изменении формы.
onforminput script Запуск скрипта при получении ввода пользователя в форме.
oninput script Запуск скрипта при получении ввода пользователя элементом.
oninvalid script Запуск скрипта при невалидности элемента.
onreset script Запуск скрипта при нажатии на кнопку сброса в форме. В HTML5 не поддерживается.
onselect script Запуск скрипта при выделении текста в элементе.
onsubmit script Запуск скрипта при отправке формы.

Клавиатурные события

Свойство Значение Описание
onkeydown script Запуск скрипта при нажатии клавиши.
onkeypress script Запуск скрипта при нажатии клавиши.
onkeyup script Запуск скрипта при отпускании клавиши.

Мышь события

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

Свойство Значение Описание
onclick script Запуск скрипта при щелчке мыши на элементе.
ondblclick script Запуск скрипта при двойном щелчке мыши на элементе.
ondrag script Скрипты, выполняемые при перетаскивании элемента.
ondragend script Скрипты, выполняемые в конце операции перетаскивания.
ondragenter script Скрипты, выполняемые при放置 элемента в целевую область.
ondragleave script Скрипты, выполняемые при выходе элемента из цели.
ondragover script Скрипты, выполняемые при перетаскивании элемента на цель.
ondragstart script Скрипты, выполняемые в начале операции перетаскивания.
ondrop script Скрипты, выполняемые при перетаскивании элемента.
onmousedown script Запуск скрипта при нажатии мыши на элемент.
onmousemove script Запуск скрипта при наведении мыши на элемент.
onmouseout script Запуск скрипта при выходе мыши из элемента.
onmouseover script Запуск скрипта при наведении мыши на элемент.
onmouseup script Запуск скрипта при отпускании мыши на элементе.
onmousewheel script Скрипты, выполняемые при прокрутке мыши.
onscroll script Скрипты, выполняемые при прокрутке элемента.

Медиа события

События, запускаемые через媒體 (например, відео, зображення та аудіо) (доступны для всех элементов HTML, но часто встречаются в媒體 элементах, таких как <audio>, <embed>, <img>, <object> и <video>):

Свойство Значение Описание
onabort script Скрипт, выполняющийся при выходе
oncanplay script Скрипт, выполняющийся при готовности файла к началу воспроизведения (когдабуферизациядостаточна для начала)
oncanplaythrough script Скрипт, выполняющийся при возможности воспроизвестиmediumдо конца без остановки из-за буферизации
ondurationchange script Скрипт, выполняющийся при изменении длиныmedium
onemptied script Скрипт, выполняющийся при возникновении неисправности и внезапном отсутствии файла (например, когдасоединение неожиданноразорвалось)
onended script Скрипт, выполняющийся при достижении концаmedium(можно отправить сообщение, например, "Спасибо за просмотр")
onerror script Скрипт, выполняющийся при возникновении ошибки в процессе загрузки файла
onloadeddata script Скрипт, выполняющийся при загрузке данныхmedium
onloadedmetadata script Скрипт, выполняющийся при загрузке метаданных (например, разрешения и продолжительности)
onloadstart script Скрипт, выполняющийся при начале загрузки файла, но до того, как были загружены данные
onpause script Скрипт, выполняющийся при паузированииmediumпользователем или программой
onplay script Скрипт, выполняющийся при готовностиmediumдля начала воспроизведения
onplaying script Скрипт, выполняющийся при начале воспроизведенияmedium
onprogress script Скрипт, выполняющийся при загрузке данныхmediumbrowser
onratechange script Скрипт, выполняющийся при изменении скорости воспроизведения (например, когдапользовательперешел крежиму slow motion или fast forward)
onreadystatechange script Скрипт, выполняющийся при изменении состояния готовности (мониторинг состояния данныхmedium)
onseeked script Скрипт, выполняющийся при установке свойства seeking в значение false (указывающего на то, чтолокализациязавершена)
onseeking script Скрипт, выполняющийся при установке свойства seeking в значение true (указывающего на то, чтолокализацияактивна)
onstalled script Скрипт, выполняющийся при невозможностиbrowserполучить данныеmediumиз-за какой-либо причины
onsuspend script Скрипт, выполняющийся при прекращении загрузки данныхmediumиз-за какой-либо причины до полного их загрузки
ontimeupdate script Скрипт, выполняющийся при изменении位置的 воспроизведения (например, когдапользовательперешел к другомуположению medium)
onvolumechange script Скрипт, выполняющийся при изменении громкости (включая установку громкости на тишина)
onwaiting script Когдаmediumостановился, но планируется продолжить воспроизведение (например, когдаmediumзапустил缓冲更多данных), выполняетсяскрипт