События 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 | Скрипт запускается, когда медиа файл остановлен, но ожидается возобновление запуска (например, когда файл делает паузу для буферизации оставшихся данных). |