HTML - Справочник по событиям
Когда пользователи посещают ваш веб-сайт, они нажимают на различные ссылки, наводят указатель мыши на текст и изображения и т. Д. Это примеры того, что мы называем событиями в терминологии JavaScript и VBScript.
Мы можем написать наши обработчики событий, используя JavaScript или VBScript, и можем указать некоторые действия, которые нужно предпринять против этих событий. Хотя это события, но они будут указаны как атрибуты для тегов HTML.
В спецификации HTML 4.01 было определено 19 событий, но позже HTML-5 добавил много других событий, которые мы перечислили здесь -
Атрибуты событий окна
Следующие события были введены в более старых версиях HTML, но все теги, отмеченные значком,
| События | HTML-5 | Описание |
|---|---|---|
| onafterprint |
|
Срабатывает после печати документа |
| onbeforeprint |
|
Срабатывает перед печатью документа |
| перед загрузкой |
|
Триггеры перед загрузкой документа |
| ошибка |
|
Срабатывает при возникновении ошибки |
| на изменение |
|
Срабатывает при изменении документа |
| в процессе | Срабатывает при загрузке документа | |
| onmessage |
|
Срабатывает при появлении сообщения |
| онлайн |
|
Срабатывает, когда документ переходит в автономный режим |
| онлайн |
|
Срабатывает, когда документ появляется в сети |
| onpagehide |
|
Срабатывает, когда окно скрыто |
| onpageshow |
|
Срабатывает, когда окно становится видимым |
| onpopstate |
|
Срабатывает при изменении истории окна |
| Онредо |
|
Срабатывает, когда документ выполняет повтор |
| onresize |
|
Срабатывает при изменении размера окна |
| onstorage |
|
Срабатывает при загрузке документа |
| онундо |
|
Срабатывает, когда документ выполняет отмену |
| onunload | Срабатывает, когда пользователь покидает документ |
События формы
Следующие теги были введены в более старых версиях HTML, но все теги, отмеченные значком,
| События | HTML-5 | Описание |
|---|---|---|
| onblur | Срабатывает, когда окно теряет фокус | |
| по изменению | Срабатывает при изменении элемента | |
| oncontextmenu |
|
Срабатывает при запуске контекстного меню |
| onfocus | Срабатывает, когда окно получает фокус | |
| onformchange |
|
Срабатывает при изменении формы |
| onforminput |
|
Срабатывает, когда форма получает вводимые пользователем данные |
| на входе |
|
Срабатывает, когда элемент получает ввод пользователя |
| недействительный |
|
Срабатывает, когда элемент недействителен |
| начало | Срабатывает при сбросе формы | |
| onselect | Срабатывает, когда выбран элемент | |
| onsubmit | Срабатывает при отправке формы |
События клавиатуры
| События | HTML-5 | Описание |
|---|---|---|
| onkeydown | Срабатывает при нажатии клавиши | |
| onkeypress | Срабатывает при нажатии и отпускании клавиши | |
| onkeyup | Срабатывает при отпускании клавиши |
События мыши
Следующие теги были введены в более старых версиях HTML, но все теги, отмеченные значком,
| События | HTML-5 | Описание |
|---|---|---|
| по щелчку | Триггеры по щелчку мыши | |
| ondblclick | Триггеры по двойному щелчку мыши | |
| ondrag |
|
Срабатывает при перетаскивании элемента |
| ондрагенд |
|
Триггеры в конце операции перетаскивания |
| ондрагентер |
|
Срабатывает, когда элемент перетаскивается в допустимую цель перетаскивания |
| Ondragleave |
|
Срабатывает, когда элемент покидает допустимую цель перетаскивания |
| ондраговер |
|
Срабатывает, когда элемент перетаскивается через допустимую цель перетаскивания |
| ondragstart |
|
Триггеры в начале операции перетаскивания |
| капля |
|
Срабатывает, когда перетаскивается элемент |
| onmousedown | Срабатывает при нажатии кнопки мыши | |
| onmousemove | Срабатывает при перемещении указателя мыши | |
| onmouseout | Срабатывает, когда указатель мыши выходит за пределы элемента | |
| при наведении мыши | Срабатывает, когда указатель мыши перемещается по элементу | |
| onmouseup | Срабатывает при отпускании кнопки мыши | |
| onmousewheel |
|
Срабатывает при вращении колесика мыши |
| прокрутка |
|
Срабатывает при прокрутке полосы прокрутки элемента |
СМИ События
Следующие теги были введены в более старых версиях HTML, но все теги, отмеченные значком,
| События | HTML-5 | Описание |
|---|---|---|
| onabort | Запускается по событию прерывания | |
| oncanplay |
|
Срабатывает, когда медиа может начать воспроизведение, но может быть остановлено для буферизации |
| oncanпрохождение |
|
Срабатывает, когда мультимедиа можно воспроизвести до конца без остановки для буферизации |
| ondurationchange |
|
Срабатывает при изменении длины медиа |
| один пустой |
|
Срабатывает, когда элемент медиаресурса внезапно становится пустым. |
| закончился |
|
Срабатывает, когда носитель достигает конца |
| ошибка |
|
Срабатывает при возникновении ошибки |
| onloadeddata |
|
Срабатывает при загрузке медиа-данных |
| onloadedmetadata |
|
Срабатывает при загрузке продолжительности и других медиа-данных медиа-элемента. |
| onloadstart |
|
Срабатывает, когда браузер начинает загрузку медиа-данных |
| пауза |
|
Срабатывает при приостановке мультимедийных данных |
| onplay |
|
Срабатывает, когда начинается воспроизведение мультимедийных данных |
| onplaying |
|
Срабатывает при начале воспроизведения мультимедийных данных |
| в процессе |
|
Срабатывает, когда браузер получает медиаданные |
| onratechange |
|
Срабатывает при изменении скорости воспроизведения мультимедийных данных |
| onreadystatechange |
|
Срабатывает при изменении состояния готовности |
| искал |
|
Срабатывает, когда атрибут поиска медиа-элемента больше не соответствует истине и поиск завершен. |
| ищущий |
|
Запускается, когда атрибут поиска медиаэлемента истинен и поиск начался. |
| установленный |
|
Срабатывает при ошибке при получении данных мультимедиа |
| приостановить |
|
Срабатывает, когда браузер получал медиаданные, но останавливался до того, как был получен весь медиафайл |
| ontimeupdate |
|
Срабатывает, когда медиа меняет положение воспроизведения |
| onvolumechange |
|
Срабатывает, когда носитель изменяет громкость, также когда для громкости установлено значение «без звука» |
| в ожидании |
|
Срабатывает, когда воспроизведение мультимедиа прекращается, но ожидается, что оно возобновится |