Событиями называют реакцию браузера на определенные действия пользователя и внутреннего взаимодействия скриптов. Пользователь генерирует события, когда нажимает на кнопку мыши или клавиатуру, загружает документ, переводит фокус от одного элемента к другому и т.д.
Каждому событию назначается обработчик, написанная на языке сценариев (таких как JavaScript) функция, которая срабатывает, как только событие произошло. Одним из способов сделать это - назначить обработчик прямо в разметке, используя атрибуты событий.
Ниже приводим таблицу атрибутов событий, которые могут быть добавлены к HTML элементам для инициирования определенных действий.
Атрибуты событий окна ¶
События объекта окна используются с тегом <body>.
Атрибут | Описание |
---|---|
onafterprint | Запускается после вывода страницы на печать. Новый атрибут в HTML5. |
onbeforeprint | Запускается перед печатью документа. Новый атрибут в HTML5. |
onbeforeunload | Срабатывает до начала загрузки документа (при попытке покинуть страницу до ее загрузки). Новый атрибут в HTML5. |
onblur | Запускается, когда окно теряет фокус. |
onerror | Запускается, если при загрузке документа произошла ошибка. Новый атрибут в HTML5. |
onhashchange | Запускается при изменении анкора в адресе документа (указывается за #). Новый атрибут в HTML5. |
onload | Запускается, когда всё содержимое веб-страницы (изображения, внешние таблицы стилей и внешние скрипты) полностью загружено. |
onmessage | Запускается при получении сообщения. Новый атрибут в HTML5. |
onoffline | Запускается, когда браузер переходит в режим онлайн. Новый атрибут в HTML5. |
ononline | Запускается, когда браузер переходит в режим онлайн. Новый атрибут в HTML5. |
onpagehide | Запускается, когда пользователь покидает страницу. Новый атрибут в HTML5. |
onpageshow | Запускается, когда пользователь переходит на страницу. Новый атрибут в HTML5. |
onpopstate | Запускается при изменении окна истории. Новый атрибут в HTML5. |
onredo | Запускается, когда документ выполняет восстановление последней операции. Новый атрибут в HTML5. |
onresize | Запускается, когда изменяется размер окна. Новый атрибут в HTML5. |
onstorage | Запускается при обновлении веб-хранилища данных. Новый атрибут в HTML5. |
onundo | Запускается при выполнении команды отменить в документе. Новый атрибут в HTML5. |
onunload | Запускается при выходе пользователя из документа. Новый атрибут в HTML5. |
Атрибуты событий формы¶
К событиям формы относятся те события, которые возникают при выполнении действий с HTML формами.
Атрибуты событий формы могут быть применены ко всем HTML элементам, но обычно их используют в элементах формы.
Атрибут | Описание |
---|---|
onblur | Запускается, когда элемент теряет фокус. |
onchange | Запускается при изменении значения элемента. |
oncontextmenu | Запускается при вызове контекстного меню на элементе. Новый атрибут в HTML5. |
onfocus | Запускается, когда элемент получает фокус. |
oninput | Запускается, когда пользователь вводит данные в элемент. Новый атрибут в HTML5. |
oninvalid | Запускается, если введенное значение элемента не корректно, т.е. не удовлетворяет требованиям (например, не заполнено обязательное поле - атрибут required). Новый атрибут в HTML5. |
onreset | Запускается при нажатии кнопки Reset (сброс значений) в форме. Новый атрибут в HTML5. |
onsearch | Запускается при нажатии клавиши "Enter" или кнопки "х" в элементе <input> (type="search"). |
onselect | Запускается при выделении текста в элементе. |
onsubmit | Запускается при отправке формы. |
Атрибуты событий клавиатуры¶
События, инициируемые клавиатурой, могут применяться ко всем элементам HTML.
Атрибут | Описание |
---|---|
onkeydown | Запускается, когда пользователь нажимает на любую клавишу. |
onkeypress | Запускается, после того, как пользователь нажал на клавишу (не работает с такими клавишами как Alt, Ctrl, Shift, Esc, PrScr и т.п.). |
onkeyup | Запускается, после того, как нажатая клавиша была отпущена. |
Атрибуты событий мыши ¶
Атрибуты событий, которые возникают при выполнении действий с мышью, могут применяться ко всем элементам HTML.
Атрибут | Описание |
---|---|
onclick | Запускается при клике мышью. |
ondblclick | Запускается при двойном клике мышью. |
ondrag | Запускается при перетаскивании элемента. Новый атрибут в HTML5. |
ondragend | Запускается в конце операции перетаскивания. Новый атрибут в HTML5. |
ondragenter | Запускается, когда перетаскиваемый элемент оказался в заданной области. Новый атрибут в HTML5. |
ondragleave | Запускается, когда перетаскиваемый элемент выходит из допустимой зоны для переноса. Новый атрибут в HTML5. |
ondragover | Запускается, когда элемент перемещают над допустимой зоной для переноса. Новый атрибут в HTML5. |
ondragstart | Запускается в начале операции перетаскивания. Новый атрибут в HTML5. |
ondrop | Запускается после того, когда пользователь отпускает перетаскиваемый элемент. Новый атрибут в HTML5. |
onmousedown | Запускается при нажатии кнопки мыши. |
onmousemove | Запускается при перемещении указателя мыши. |
onmouseover | Запускается, когда указатель мыши перемещается над элементом. |
onmouseup | Запускается, когда кнопка мыши отпущена. |
onmousewheel | Запускается, когда прокручивается колесо мыши. Устаревший атрибут (рекомендуется использовать атрибут onwheel). |
onscroll | Запускается, во время прокручивания полосы прокрутки элемента. Новый атрибут в HTML5. |
onwheel | Запускается, при использовании колеса мыши на элементе. Новый атрибут в HTML5. |
События буфера обмена¶
Атрибут | Описание |
---|---|
oncopy | Запускается при копировании пользователем содержимого элемента. |
oncut | Запускается, когда пользователь вырезает содержимое элемента. |
onpaste | Запускается, когда пользователь вставляет содержимое в элемент. |
События медиа-файлов¶
События, которые возникают в медиа элементах (video, image, audio) могут быть применены к любому HTML элементу, однако наиболее часто они используются в медиа элементах, таких как audio, embed, img, object и video.
Атрибут | Описание |
---|---|
onabort | Запускается при отмене воспроизведения. Новый атрибут в HTML5. |
oncanplay | Запускается, когда файл готов к проигрыванию (достаточно загружен в буфер). Новый атрибут в HTML5. |
oncanplaythrough | Запускается, когда файл может быть проигран от начала до конца без остановки для буферизации. Новый атрибут в HTML5. |
oncuechange | Запускается, когда продолжительность медиа изменяется. Новый атрибут в HTML5. |
onemptied | Запускается, когда произошла какая-то неполадка и файл стал недоступен (например, при отсутствии подключения к Интернету). Новый атрибут в HTML5. |
onended | Запускается, когда медиа файл воспроизведен до конца. Новый атрибут в HTML5. |
onerror | Запускается, когда происходит ошибка при загрузке элемента. Новый атрибут в HTML5. |
onloadeddata | Запускается при загрузке данных медиа. Новый атрибут в HTML5. |
onloadedmetadata | Запускается, когда загружены мета-данные (например размер медиа файла, продолжительность и т.д.). Новый атрибут в HTML5. |
onloadstart | Запускается, если воспроизведение файла приостановлено (нажали паузу) пользователем или программно. Новый атрибут в HTML5. |
onplay | Запускается при перемещении указателя мыши. Новый атрибут в HTML5. |
onplaying | Запускается при воспроизведении файла. Новый атрибут в HTML5. |
onprogress | Запускается, когда браузер находится в процессе получения данных медиа файла. Новый атрибут в HTML5. |
onratechange | Запускается, когда атрибут поиска медиа элемента (object.seeking) у тегов audio или video имеет значение "false" (поиск завершен, и текущая позиция воспроизведения найдена). Новый атрибут в HTML5. |
onseeking | Запускается, когда атрибут поиска медиа элемента (object.seeking) у тегов <audio> html5 или <video> html5 имеет значение "true" (поиск начат, текущая позиция воспроизведения перемещается). Новый атрибут в HTML5. |
onstalled | Запускается, когда браузер не может получить данные медиа файла по какой-либо причине. Новый атрибут в HTML5. |
onsuspend | Запускается, когда браузер уже начал извлекать медиа данные, но процесс был приостановлен прежде, чем медиа файл был полностью извлечен. Новый атрибут в HTML5. |
ontimeupdate | Запускается, когда медиа изменяет позицию проигрывания. Новый атрибут в HTML5. |
onvolumechange | Запускается при изменении уровня громкости медиа, включая режим "mute" (без звука). Новый атрибут в HTML5. |
onwaiting | Запускается, когда медиа файл остановлен, но ожидается возобновление запуска (например, когда файл делает паузу для буферизации оставшихся данных). Новый атрибут в HTML5. |
Прочие события ¶
Атрибут | Описание |
---|---|
onerror | Запускается, когда происходит ошибка во время загрузки внешнего файла. |
onshow | Запускается, когда элемент <menu> отображается как контекстное меню. Новый атрибут в HTML5. |
ontoggle | Запускается, когда пользователь открывает или закрывает элемент <details>. Новый атрибут в HTML5. |