Назад
Регистрация Войти
Войти через VK Войти через FB Войти через Google Войти через Яндекс




Поиск по сайту




Наш Telegram бот: @htmlweb_bot

Атрибуты обработки событий

На Web-страницах можно обеспечить реакцию на определенные действия посетителя, на изменения состояния документа или окна, которые вызывают определенные события.

Посетитель генерирует события при передвижении мыши, нажатии кнопок мыши и клавиатуры. Изменения состояния документа генерируют события при загрузке документа, изображений или объектов, при появлении ошибки на странице или переходе фокуса от одного элемента к другому.

Значение любого атрибута события – функция JavaScript

События окна

События объекта window (применяются в элементе <body>):

onafterprint
Возникает после распечатки документа.
onbeforeprint
Возникает перед распечаткой документа.
onbeforeunload
Возникает перед выгрузкой документа. С помощью этого события можно предупредить посетителя, желающего покинуть Web-страницу о том, что он не все данные сохранил.
onerror
Возникает, если при загрузке документа произошла ошибка.
onhashchange
Возникает при изменении hash, т.е. при изменении данных после знака "решетка" ( # ) в адресной строке браузера (в URL).
onload
Возникает после успешной загрузки, но до отображения страницы. Используется для вывода заставки, проверки права доступа и других однократных действий при загрузке страницы.
onmessage
Возникает, если получено сообщение, отправленное данному объекту windows с помощью функции postMessage();.
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
Пользователь что-то вводит в поле поиска (для <input type="search">)
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-элементах, но наиболее часто – в медиа-элементах: <audio>, <embed>, <img>, <object>, <video>.

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
Возникает, когда элемент <menu> показан, как контекстное меню.
Событие onshow работает только в Firefox.
ontoggle
Возникает, когда элемент <details> открыт или закрыт.
Событие ontoggle не работает в Firefox и Internet Explorer.

.