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