События в HTML 5

→ Блог →

Событие onabort в HTML5
Вызывается когда выполнение события прерывается. Например когда браузер прекращает получение данных до того, как все они загружены (пользователь нажал кнопку Stop). Это событие часто прослушивают у тега img.

Событие onblur в HTML5
Вызывается когда объект потерял фокус. Например, если пользователь выделил один input, а затем щелкнул по другому inputу то у первого вызовется обработчик onblur.

Событие oncanplay в HTML5
Вызывается браузером когда воспроизведение медиа контента уже может быть начато, но еще не вся информация загружена. Т.е. воспроизведение начнется, но не будет продолжаться до конца, т.к. потребуется дополнительное время для догрузки контента.

Событие oncanplaythrough в HTML5
Вызывается браузером в том случае, если весь медиа контент загружен и при воспроизведении не потребуется дополнительного времени для буферизации.

Событие onchange в HTML5
Вызывается когда объект был изменен пользователем и потерял фокус (т.е. кликнул в другом месте). Например когда пользователь изменил информацию в input и кликнул по другому объекту.

Событие onclick в HTML5
Вызывается когда пользователь кликнул курсором по объекту.

Событие oncontextmenu в HTML5
Вызывается когда было вызвано контекстное меню (обычно клик правой кнопкой мыши).

Событие ondblclick в HTML5
Вызывается когда пользователь совершил двойной клик по объекту.

Событие ondrag в HTML5
Вызывается когда объект начинает перетаскиваться пользователем, т.е. происходит перемещение мыши при нажатой левой кнопке.

Событие ondragend в HTML5
Вызывается когда пользователь перестает перетаскивать объект.

Событие ondragenter в HTML5
Это событие вызывается когда перетаскиваемый объект попадает на объект-приемник

Событие ondragleave в HTML5
Вызывается когда перетаскиваемый объект покидает объект-приемник. Т.е. пользователь сначала навел мышкой с объектом на приемник, а затем перетащил мышку в другое место.

Событие ondragover в HTML5
Вызывается во время перемещения перетаскиваемого объекта над объектом-приемником.

Событие ondragstart в HTML5
Вызывается когда процесс перетаскивания объекта начался. Т.е. пользователь нажал кнопку мыши и начал перетаскивать объект.

Событие ondrop в HTML5
Вызывается когда перемещаемый объект попадает на объект приемник и пользователь отпускает кнопку мыши.

Событие ondurationchange в HTML5
Вызывается когда изменяется длина медиа файла (т.е. когда изменяется атрибут duration). Это событие чаще всего применяется в тегах video и audio.

Событие onemptied в HTML5
Вызывается когда доступ к медиа контенту обрывается. Например когда возникают проблемы с интернет соединением.

Событие onended в HTML5
Вызывается когда медиа элемент полностью воспроизвел все содержание. Т.е. например в теге audio звук полностью воспроизвелся.

Событие onerror в HTML5
Вызывается если при загрузке элемента произошла ошибка.

Событие onfocus в HTML5
Вызывается когда элемент получает фокус. Например когда пользователь кликает по объекту мышью или переключает на него фокус с помощью клавиши Tab.

Событие onformchange в HTML5
Вызывается когда изменяется какое либо из полей формы. Может быть указано как у тега form так и у дочерних элементов (input, textarea и т.д.)

Событие onforminput в HTML5
Вызывается при изменении содержания полей формы. Действует сразу для всей формы. В отличие от события onchange

событие onforminput вызывается сразу же после изменения, не дожидаясь когда поле потеряет фокус.
Это событие может указываться как у тега form, так и у дочерних элементов (input, textarea и т.д.).

Событие oninput в HTML5
Это событие вызывается при изменении содержания одного поля формы. В отличие от события onchange - событие oninput не дожидается когда измененное поле потеряет фокус.
Может указываться только у внутренних тегов тега form.

Событие oninvalid в HTML5
Вызывается когда неверно введено поле формы.

Событие onkeydown в HTML5
Вызывается когда пользователь нажал клавишу клавиатуры, причем фокус имеет тот элемент, у которого установлено прослушивание этого события.

Событие onkeypress в HTML5
Вызывается когда клавиша клавиатуры была нажата и отпущена при сфокусированном объекте.

Событие onkeyup в HTML5
Вызывается когда клавиша клавиатуры была отпущена.

Событие onload в HTML5
Вызывается когда объект страницы загружен.
Важно: если это событие указано у тега body то оно имеет другое значение.

Событие onloadeddata в HTML5
Вызывается когда загруженных браузером данных достаточно для начала воспроизведения медиа данных с текущего места.

Событие onloadedmetadata в HTML5
Вызывается когда браузер получается такие данные как длительность медиа данных, или габаритные размеры (например ширина и высота у тега video).

Событие onloadstart в HTML5
Вызывается когда браузер только начинает загружать медиа данные с сервера.

обытие onmousedown в HTML5
Вызывается когда пользователь нажал левую кнопку мыши над объектом.

Событие onmousemove в HTML5
Вызывается когда пользователь перемещает курсор мыши над объектом.

Событие onmouseout в HTML5
Вызывается когда курсор мыши покидает область объекта.

Событие onmouseover в HTML5
Вызывается когда курсор мыши попадает на область объекта. Т.е. если событие onmousemove вызывается постоянно при движении мыши внутри объекта, то событие onmouseover вызывается только один раз, когда курсор попадает на объект.

Событие onmouseup в HTML5
Вызывается когда пользователь отпускает нажатую левую кнопку мыши.

Событие onmousewheel в HTML5
Вызывается когда пользователь воспользовался (покрутил) прокруткой на мыши.

Событие onpause в HTML5
Вызывается когда воспроизведение медиа данных приостановлено.

Событие onplay в HTML5
Вызывается при старте воспроизведения медиа данных.

cобытие onplaying в HTML5
Вызывается когда начато воспроизведение медиа данных.

Событие onprogress в HTML5
Вызывается браузером при перемещении "головки воспроизведения" медиа данных.

Событие onratechange в HTML5
Вызывается когда изменяется скорость воспроизведения медиа данных. Т.е. когда изменяются атрибуты defaultPlaybackRate или playbackRate

Событие onreadystatechange в HTML5
Вызывается когда изменяется состояние загрузки данных (с "загружается" на "загружено").

Событие onscroll в HTML5
Вызывается когда пользователь воспользовался прокруткой элемента.

Событие onseeked в HTML5
Вызывается когда атрибут seeked у тега audio или video меняет значение с true на false.

Событие onseeking в HTML5
Вызывается когда атрибут seeking у тегов audio или video меняет значение с false на true. Т.е. начинается перемещение головки воспроизведения.

Событие onselect в HTML5
Вызывается когда часть или все содержимое объекта выделяется пользователем. Например когда часть текста в textarea пользователь выделил с помощью мыши.

Событие onshow в HTML5
Вызывается когда пользователь требует отобразить элемент в виде контекстного меню.

Событие onstalled в HTML5
Вызывается когда браузер пытается получить медиа данные, но при этом возникает ошибка (т.е. данные не могут быть прочитаны или не поступают в браузер).

Событие onsubmit в HTML5
Вызывается когда пользователь отправляет данные форму на сервер. Т.е. нажал кнопку submit.

Событие onsuspend в HTML5
Браузер намеренно приостанавливает загрузку данных для элементов audio или video, хотя еще не весь контент загружен.

Событие ontimeupdate в HTML5
Вызывается когда изменилось положение головки воспроизведения элемента audio или video.

Событие onvolumechange в HTML5
Вызывается когда меняется атрибут volume или muted у элементов audio или video. Т.е. изменяется громкость звука.

Событие onwaiting в HTML5
Вызывается когда следующий кадр при воспроизведении медиа данных недоступен, но браузер ожидает что он вскоре загрузится.

События тега body

Событие onafterprint тега body в HTML5
Событие вызывается после отправки текущей страницы на печать.
Это событие обычно используется в связке с событием onbeforeprint.
Например если для печати документа нужно его видоизменить. По событию onbeforeprint происходят нужные изменения, а затем после печати вызывается событие onafterprint и документ принимает исходный вид.

Событие onbeforeprint тега body в HTML5
Вызывается непосредственно перед отправкой документа на печать. Обычно используется в связке с событием onafterprint.
Например если для печати документа нужно его видоизменить. По событию onbeforeprint происходят нужные изменения, а затем после печати вызывается событие onafterprint и документ принимает исходный вид.

Событие onbeforeunload тега body в HTML5
Вызывается непосредственно перед закрытием страницы.
Удобно использовать, например, если нужно предупредить пользователя что он покидает данную страницу.

Событие onblur тега body в HTML5
Вызывается когда пользователь переключается либо на другую вкладку браузера, либо на другое окно, либо вообще активирует другое приложение на компьютере.
Противоположно событию onfocus.

Событие onerror тега body в HTML5
Вызывается если во время загрузки документа произошла ошибка. Также используется для отслеживания ошибок в скриптах.

Событие onfocus тега body в HTML5
Вызывается когда пользователь активировал текущую вкладку в браузере.
Событие обратно событию onblur.

Событие onhashchange тега body в HTML5
Это событие меняется когда изменяется hash часть ссылки.
hash часть хранится в переменной location.hash и представляет собой, например, идентификатор сессии.
Такое событие будет вызываться например при переходе со страницы http://vashkivtsi.com/about.php#nauchnaya_akvariumistika на страницу http://vashkivtsi.com/about.php#akvariumnoe_ribovodstvo или же при изменении переменной location.hash.
В будущем сообщество WHATWG планирует с использованием этого события делать ссылки на определенное место в видеоролике, но эта функция пока только в стадии идеи.

Событие onload тега body в HTML5
Событие вызывается сразу после полной загрузки документа.

Событие onmessage тега body в HTML5
Вызывается когда получено сообщение отправленное данному объекту windows с помощью функции postMessage();

Событие onoffline тега body в HTML5
Вызывается когда обозреватель определяет, что соединение с Интернет потеряно.
Может использоваться, например, для блокировки некоторых функций на сайте, или же для предупреждения пользователя об отключении.
Если отключаете какие-либо функции то не забудьте воспользоваться событием ononline, которое является противоположностью данному событию.

Событие ononline тега body в HTML5
Вызывается когда соединение с интернет восстановилось после обрыва. Используется в связке с событием onoffline.
Если Вы отключили какие-то функции на сайте после вызова события onoffline, то необходимо включить их по наступлению ononline.

Событие onpagehide тега body в HTML5
Вызывается если пользователь пытается уйти со страницы вперед по истории (history) или назад. Т.е. например кликает на кнопку "Вперед" или "Назад" на обозревателе.

Событие onpageshow тега body в HTML5
Вызывается когда пользователь приходит на страницу путем перемещения по истории (history) вперед или назад. Т.е. по клику на кнопку "Вперед" или "Назад" в обозревателе.

Событие onpopstate тега body в HTML5
Вызывается когда пользователь переходит на данную страницу путем выбора её в истории (history) браузера.

Событие onredo тега body в HTML5
Используется для операций "Отмена" и "Обновить". Например когда пользователь случайно нажал "Отмена", а затем нажал "Обновить".

Событие onresize тега body в HTML5
Это событие вызывается когда окно обозревателя меняет свой размер. Т.е. меняются атрибуты width и height.

Событие onstorage тега body в HTML5
Вызывается когда изменяется содержание хранилища (Web Storage) объекта window или document.

Событие onundo тега body в HTML5
Вызывается когда пользователь нажал на кнопку "Отменить".

Событие onunload тега body в HTML5
Это событие вызывается когда пользователь покидает данную страницу.