- Атрибуты обработки событий
- События окна
- События формы
- События клавиатуры
- События мыши
- События буфера обмена
- События медиа
- Разные события
- HTML Атрибуты событий
- Атрибуты событий окна
- HTML Атрибуты событий окна
- События формы
- HTML Атрибуты событий формы
- События клавиатуры
- HTML Атрибуты событий клавиатуры
- События мыши
- HTML Атрибуты событий мыши
- События буфера обмена
- События медиа-файлов
- HTML Атрибуты событий медиа-файлов
- Прочие события
Атрибуты обработки событий
На Web-страницах можно обеспечить реакцию на определенные действия посетителя, на изменения состояния документа или окна, которые вызывают определенные события.
Посетитель генерирует события при передвижении мыши, нажатии кнопок мыши и клавиатуры. Изменения состояния документа генерируют события при загрузке документа, изображений или объектов, при появлении ошибки на странице или переходе фокуса от одного элемента к другому.
Значение любого атрибута события – функция JavaScript
События окна
События объекта window (применяются в элементе ):
onafterprint Возникает после распечатки документа. onbeforeprint Возникает перед распечаткой документа. onbeforeunload Возникает перед выгрузкой документа. С помощью этого события можно предупредить посетителя, желающего покинуть Web-страницу о том, что он не все данные сохранил. onerror Возникает, если при загрузке документа произошла ошибка. onhashchange Возникает при изменении hash, т.е. при изменении данных после знака «решетка» ( # ) в адресной строке браузера (в URL). onload Возникает после успешной загрузки, но до отображения страницы. Используется для вывода заставки, проверки права доступа и других однократных действий при загрузке страницы. onmessage Возникает, если получено сообщение, отправленное данному объекту windows с помощью функции postMessage();. onoffline —> Возникает, когда браузер начинает работать в автономном режиме. Почти не поддерживается. —> ononline —> Возникает, когда браузер начинает работать в Интернете. Почти не поддерживается. —> onpagehide Возникает, когда пользователь обновляет страницу, уходит со страницы назад или вперед по истории, уходит по ссылке, сохраняет данные формы и т.п. onpageshow Возникает, когда пользователь переходит на страницу. Похоже на событие onload, но в отличие от него происходит каждый раз, даже если страница загружается из кэша. Например, при переходе назад или вперед по истории. onpopstate Возникает, когда пользователь переходит на страницу путем выбора её в истории (history) браузера. onresize Возникает при изменении размера окна браузера. onstorage Возникает при изменении содержания области (Web Storage) объекта window или document. onunload Возникает после выгрузки Web-страницы или при закрытии окна браузера.
События формы
События, вызванные действиями внутри HTML-формы (применяются почти во всех HTML-элементах, но наиболее часто – в элементах формы):
onblur Элемент потерял фокус. onchange Значение элемента формы изменено. oncontextmenu Вызвано контекстное меню для элемента. onfocus Элемент получил фокус. oninput Пользователь меняет значение элемента формы. Событие oninput не дожидается, когда измененное поле потеряет фокус (в отличие от события onchange). oninvalid Значение элемента формы введено неверно. onreset Возникает при щелчке на кнопке сброса. onsearch Пользователь что-то вводит в поле поиска (для ) onselect Пользователь выделяет некоторый текст в элементе. onsubmit Пользователь отправляет данные форму на сервер, т.е. нажимает кнопку submit.
События клавиатуры
События, вызываемые клавиатурой (применяются во всех HTML-элементах):
onkeydown Пользователь нажал клавишу. onkeypress Пользователь нажал и отпустил клавишу. onkeyup Пользователь отпустил клавишу.
События мыши
События, вызываемые действиями мышкой или аналогичными действиями пользователя (применяются во всех HTML-элементах):
onclick Возникает при щелчке левой кнопкой мыши на элементе. ondblclick Возникает при двойном щелчке левой кнопкой мыши на элементе. ondrag Возникает при перетаскивании элемента. ondragend Возникает после перетаскивания элемента. ondragenter Возникает, когда элемент перетащили в определенную зону. ondragleave Возникает, когда элемент отпустили в определенной зоне. ondragover Возникает, когда элемент вытащили из определенной зоны. ondragstart Возникает в начале перетаскивания элемента. ondrop Возникает после перетаскивания элемента. onmousedown Возникает при нажатии кнопки мыши. onmousemove Возникает, когда указатель мыши начинает перемещаться. onmouseout Возникает, когда указатель мыши перемещается за пределы элемента. onmouseover Возникает, когда указатель мыши перемещается над элементом. onmouseup Возникает при отпускании кнопки мыши. onmousewheel Возникает при использовании колеса мыши. onscroll Возникает при прокручивании полосы прокрутки элемента. onwheel Возникает при прокручивании колеса мышки на элементе.
События буфера обмена
oncopy Возникает, когда пользователь копирует содержимое элемента. oncut Возникает, когда пользователь вырезает содержимое элемента. onpaste Возникает, когда пользователь вставляет содержимое в элемент.
События медиа
Могут применяться почти во всех HTML-элементах, но наиболее часто – в медиа-элементах: , , , , .
onabort Возникает, если пользователь прервал загрузку элемента. oncanplay Возникает, когда файл будет готов, чтобы начать проигрывание, т.е будет достаточно буферизирован. oncanplaythrough Возникает, если файл может быть воспроизведен полностью, не останавливаясь для буферизации. ondurationchange Возникает при изменении длины продолжительности медиа файла. onemptied Возникает, когда произошла какая-то неполадка и файл стал недоступен (например, при разрыве связи с интернетом). onended Возникает, когда аудио/видео файл дойдет до конца (например, для вывода сообщения: спасибо за прослушивание/просмотр). onerror Возникает, если возникнет ошибка при загрузке файла. onloadeddata Возникает при загрузке данных медиа файла. onloadedmetadata Возникает, когда загружены мета-данные (например, размер и продолжительность). onloadstart Возникает при загрузке файла прежде, чем начнет загружаться на самом деле. onpause Возникает, если воспроизведение файла приостановлено (нажали паузу) пользователем или программно. onplay Возникает, когда файл готов к воспроизведению. onplaying Возникает при воспроизведении файла. onprogress Возникает, когда браузер находится в процессе получения данных медиа файла. onratechange Возникает каждый раз при изменении режима воспроизведения (например, когда пользователь переключается на медленное воспроизведение или режим быстрой перемотки). onreadystatechange Возникает, каждый раз, при изменении состояния готовности (состояние готовности отслеживает состояние данных файла). onseeked Возникает, когда пользователь завершил перемещение в новую позицию воспроизведения. onseeking Возникает, когда пользователь начинает перемещение в новую позицию воспроизведения. onstalled Возникает, когда браузер не может по любой причине получить данные медиа файла. onsuspend Возникает, когда получение данных медиа файла прекращается по любой причине до окончания полной загрузки. ontimeupdate Возникает, когда позиция воспроизведения изменилась (например, когда пользователь выбрал точку воспроизведения намного дальше от текущей). onvolumechange Возникает каждый раз при изменении значения громкости звука (включая полное отключение звука). onwaiting Возникает, когда медиа файл остановлен, но ожидается возобновление запуска (например, когда файл делает паузу для буферизации оставшихся данных).
Разные события
onerror Возникает при ошибке загрузки изображения. onshow Возникает, когда элемент показан, как контекстное меню.
HTML Атрибуты событий
События HTML — это специальные глобальные атрибуты, используемые в тегах для вызова обработчиков событий, написанных на различных языках сценариев таких, как JavaScript и вызываемых, когда на странице происходит какое-либо действие. События позволяют сделать вашу страницу динамической.
Атрибуты событий окна
События, вызываемые на объект окна (применяются с тегом ):
HTML Атрибуты событий окна
События формы
События срабатывают на действия внутри HTML формы (могут применяться почти ко всем элементам HTML, но чаще всего применяются к элементам формы):
HTML Атрибуты событий формы
События клавиатуры
События, вызываемые клавиатурой (могут применяться ко всем элементам HTML):
HTML Атрибуты событий клавиатуры
События мыши
События, вызываемые действиями мышкой или аналогичными действиями пользователя (могут применяться ко всем элементам HTML):
HTML Атрибуты событий мыши
События буфера обмена
Атрибут | Значение | Описание |
---|---|---|
oncopy | script | Скрипт срабатывает, когда пользователь копирует содержимое элемента |
oncut | script | Скрипт срабатывает, когда пользователь вырезает содержимое элемента |
onpaste | script | Скрипт срабатывает, когда пользователь вставляет содержимое в элемент |
События медиа-файлов
События, вызываемые для медиа файлов, таких как видео, изображения и аудио (могут применяться ко всем элементам HTML, но чаще всего применяются к таким элементам, как , , , , and ):
HTML Атрибуты событий медиа-файлов
Прочие события
Атрибут | Значение | Описание |
---|---|---|
onerror | script | Скрипт срабатывает, когда происходит ошибка во время загрузки внешнего файла |
onshow | script | Скрипт срабатывает, когда элемент отображается как контекстное меню |
ontoggle | script | Скрипт срабатывает, когда пользователь открывает или закрывает элемент |