HTML атрибуты событий
События HTML 5 - это специальные глобальные атрибуты, используемые в тегах для вызова обработчиков событий, написанных на различных языках сценариев таких, как JavaScript и вызываемых, когда на странице происходит какое-либо действие. События позволяют сделать вашу страницу динамической.
Атрибуты событий окна
События, вызываемые на объект окна (применяются с тегом <body>):
| Атрибут | Описание |
|---|---|
| onafterprint | Скрипт запустится после того, как документ будет распечатан. |
| onbeforeprint | Скрипт запустится прежде, чем документ будет распечатан. |
| onbeforeonload | Скрипт запустится до загрузки документа. |
| onblur | Скрипт запустится, когда окно потеряет фокус. |
| onerror | Скрипт запустится, если произойдет ошибка. |
| onfocus | Скрипт запустится, когда окно получит фокус. |
| onhaschange | Скрипт запустится, после изменения документа. |
| onload | Код события будет выполнен после полной загрузки страницы, т.е. когда всё содержимое веб-страницы полностью загружено, включая изображения, внешние таблицы стилей и внешние скрипты. |
| onmessage | Скрипт запустится при срабатывании сообщения. |
| onoffline | Скрипт запустится, когда документ перейдет в автономный режим. |
| ononline | Скрипт запустится, когда документ войдет в сеть. |
| onpagehide | Скрипт запустится, когда окно будет скрыто. |
| onpageshow | Скрипт запустится, когда окно станет видимым. |
| onpopstate | Скрипт запустится при изменении окна истории. |
| onredo | Скрипт запустится, когда документ начнет выполнять повтор. |
| onresize | Скрипт запустится при изменении размеров окна. |
| onstorage | Скрипт запустится при загрузке документа. |
| onundo | Скрипт запустится при выполнении команды отменить в документе. |
| onunload | Скрипт запустится при выходе пользователя из документа. |
События формы
События срабатывают на действия внутри HTML формы (могут применяться ко всем элементам HTML, но чаще всего применяются к элементам формы):
| Атрибут | Описание |
|---|---|
| onblur | Скрипт запустится, когда элемент потеряет фокус. |
| onchange | Скрипт запустится при изменении элемента. |
| oncontextmenu | Скрипт запустится при вызове контекстного меню. |
| onfocus | Скрипт запустится, когда элемент получит фокус. |
| onformchange | Скрипт запустится при изменении формы. |
| onforminput | Скрипт запустится, когда пользователь будет вводить данные в форму. |
| oninput | Скрипт запустится, когда элемент станет получать пользовательский ввод. |
| oninvalid | Скрипт запустится, когда элемент станет недействителен. |
| onselect | Скрипт запустится при выборе элемента. |
| onsubmit | Скрипт запустится при отправке формы. |
События клавиатуры
События, вызываемые клавиатурой (могут применяться ко всем элементам HTML):
| Атрибут | Описание |
|---|---|
| onkeydown | Скрипт запустится, когда будет нажата клавиша. |
| onkeypress | Скрипт запустится после того, как клавиша была нажата и отпущена. |
| onkeyup | Скрипт запустится при отпускании клавиши. |
События мыши
События, вызываемые действиями мышкой или аналогичными действиями пользователя (могут применяться ко всем элементам HTML):
| Атрибут | Описание |
|---|---|
| onclick | Код события будет выполнен по клику левой кнопкой мыши на элементе. |
| ondblclick | Скрипт запустится после двойного клика мыши. |
| ondrag | Скрипт запустится при перетаскивании элемента. |
| ondragend | Скрипт запустится после операции перетаскивания. |
| ondragenter | Скрипт запустится, когда элемент будет перенесен на допустимую зону падения. |
| ondragleave | Скрипт запустится, когда элемент отпустят в действующий зоне падения. |
| ondragover | Скрипт запустится, если элемент тащат за допустимую зону падения. |
| ondragstart | Скрипт запустится в начале операции перетаскивания элемента. |
| ondrop | Скрипт запустится после перетаскивания элемента при падении. |
| onmousedown | Скрипт запустится при нажатии кнопки мыши. |
| onmousemove | Скрипт запустится, когда указатель мыши начнет перемещаться. |
| onmouseout | Скрипт запустится, когда указатель мыши будет перемещаться из элемента. |
| onmouseover | Скрипт запустится, когда указатель мыши будет перемещаться над элементом. |
| onmouseup | Скрипт запустится при отпускании кнопки мыши. |
| onmousewheel | Скрипт запустится при нажатии на колесо мыши. |
| onscroll | Скрипт запустится во время прокручивания полосы прокрутки элемента. |
События медиа-файлов
События, вызываемые для медиа файлов, таких как видео, изображения и аудио (могут применяться ко всем элементам HTML, но чаще всего применяются к таким элементам, как <audio>, <embed>, <img>, <object> и <video>):
| Атрибут | Описание |
|---|---|
| onabort | Скрипт запустится при прерывании. |
| oncanplay | Скрипт запустится, когда файл будет готов, чтобы начать проигрывание (когда будет достаточно буферизирован). |
| oncanplaythrough | Скрипт запустится, когда файл может быть воспроизведен полностью (от начала до конца), не останавливаясь для буферизации. |
| ondurationchange | Скрипт запустится при изменении длины продолжительности медиа файла. |
| onemptied | Скрипт запустится, когда произошла какая-то неполадка и файл стал недоступен (например при разрыве связи с интернетом). |
| onended | Скрипт запустится, когда аудио/видео файл дойдет до конца (например для вывода сообщения: спасибо за прослушивание/просмотр). |
| onerror | Скрипт запустится, если возникнет ошибка при загрузке файла. |
| onloadeddata | Скрипт запустится при загрузке данных медиа файла. |
| onloadedmetadata | Скрипт запустится, когда загружены мета-данные (например размер и продолжительность). |
| onloadstart | Скрипт запустится при загрузке файла прежде, чем начнет загружаться на самом деле. |
| onpause | Скрипт запустится, если воспроизведение файла приостановлено (нажали паузу) пользователем или программно. |
| onplay | Скрипт запустится, когда файл готов начать воспроизводиться. |
| onplaying | Скрипт запустится при воспроизведении файла. |
| onprogress | Скрипт запускается, когда браузер находится в процессе получения данных медиа файла. |
| onratechange | Скрипт запускается, каждый раз, при изменении режима воспроизведения (например, когда пользователь переключается на медленное воспроизведение или режим быстрой перемотки). |
| onreadystatechange | Скрипт запускается, каждый раз, при изменении состояния готовности (состояние готовности отслеживает состояние данных файла). |
| onseeked | Скрипт запускается, когда атрибут seeked у тегов audio или video имеет значение "false", т.е.текущая позиция воспроизведения найдена. |
| onseeking | Скрипт запускается, когда атрибут seeking у тегов audio или video имеет значение "true", т.е. текущая позиция воспроизведения перемещается. |
| onstalled | Скрипт запускается, когда браузер не может получить данные медиа файла по любой причине. |
| onsuspend | Скрипт запускается, когда получение данных медиа файла прекращается, до окончания полной загрузки по любой причине. |
| ontimeupdate | Скрипт запускается, когда позиция воспроизведения изменилась (например, когда пользователь выбрал точку воспроизведения на много дальше от текущей). |
| onvolumechange | Скрипт запускается каждый раз при изменении значения громкости звука (включая полное отключение звука). |
| onwaiting | Скрипт запускается, когда медиа файл остановлен, но ожидается возобновление запуска (например, когда файл делает паузу для буферизации оставшихся данных). |