HTML Атрибуты событий
Глобальные атрибуты событий
HTML 4 добавил возможность позволять событиям запускать действия в браузере, например запуск JavaScript, когда пользователь нажимает на элемент.
Чтобы узнать больше о программировании событий, посетите Учебник JavaScript на нашем сайте W3Schools на русском.
Ниже приведены глобальные атрибуты событий, которые можно добавить к элементам HTML, чтобы определить действия событий.
События окна
События, инициируемые для объекта окна (применяются к тегу <body>):
| Атрибут | Значення | Описание |
|---|---|---|
| onafterprint | script | Скрипт будет запущен после печати документа |
| onbeforeprint | script | Скрипт будет запущен перед печатью документа |
| onbeforeunload | script | Скрипт будет запущен, когда документ выгружается |
| onerror | script | Скрипт будет запущен при возникновении ошибки |
| onhashchange | script | Скрипт будет запущен при изменении хэша URL‑адреса |
| onload | script | Запускается после завершения загрузки страницы |
| onmessage | script | Скрипт будет запущен при получении сообщения |
| onoffline | script | Скрипт будет запущен, когда браузер переходит в автономный режим |
| ononline | script | Скрипт будет запущен, когда браузер подключается к Интернету |
| onpagehide | script | Скрипт будет запущен, когда пользователь покидает страницу |
| onpageshow | script | Скрипт будет запущен, когда пользователь открывает страницу |
| onpopstate | script | Скрипт будет запущен при изменении истории окна |
| onresize | script | Скрипт будет запущен при изменении размера окна браузера |
| onstorage | script | Скрипт будет запущен при обновлении веб‑хранилища |
| onunload | script | Запускается после выгрузки страницы (или закрытия окна браузера) |
События формы
События, вызываемые действиями внутри HTML‑формы (применяются почти ко всем HTML‑элементам, но чаще всего используются в элементах формы):
| Атрибут | Значення | Описание |
|---|---|---|
| onblur | script | Запускается, когда элемент теряет фокус |
| onchange | script | Запускается, когда изменяется значение элемента |
| oncontextmenu | script | Скрипт запускается при вызове контекстного меню |
| onfocus | script | Запускается, когда элемент получает фокус |
| oninput | script | Скрипт запускается при вводе данных пользователем |
| oninvalid | script | Скрипт запускается, когда элемент содержит недопустимое значение |
| onreset | script | Запускается при нажатии кнопки «Сброс» в форме |
| onsearch | script | Запускается при вводе текста в поле поиска (<input type="search">) |
| onselect | script | Запускается после выделения текста в элементе |
| onsubmit | script | Запускается при отправке формы |
События клавиатуры
| Атрибут | Значение | Описание |
|---|---|---|
| onkeydown | script | Запускается, когда пользователь нажимает клавишу |
| onkeypress | script | Запускается, когда пользователь нажимает клавишу |
| onkeyup | script | Запускается, когда пользователь отпускает клавишу |
События мыши
| Атрибут | Значение | Описание |
|---|---|---|
| onclick | script | Запускается при нажатии мышью на элемент |
| ondblclick | script | Запускается при двойном щелчке мыши по элементу |
| onmousedown | script | Запускается, когда кнопка мыши нажата на элементе |
| onmousemove | script | Запускается, когда указатель мыши перемещается над элементом |
| onmouseout | script | Запускается, когда указатель мыши выходит за пределы элемента |
| onmouseover | script | Запускается, когда указатель мыши перемещается над элементом |
| onmouseup | script | Запускается, когда кнопка мыши отпускается над элементом |
| onmousewheel | script | Устаревший. Используйте атрибут onwheel вместо него |
| onwheel | script | Запускается, когда колесо мыши прокручивается вверх или вниз над элементом |
События перетаскивания
| Атрибут | Значение | Описание |
|---|---|---|
| ondrag | script | Скрипт запускается, когда элемент перетаскивается |
| ondragend | script | Скрипт запускается после завершения операции перетаскивания |
| ondragenter | script | Скрипт запускается, когда элемент перетаскивается в допустимую область сброса |
| ondragleave | script | Скрипт запускается, когда элемент покидает допустимую область сброса |
| ondragover | script | Скрипт запускается, когда элемент перетаскивается над допустимой областью сброса |
| ondragstart | script | Скрипт запускается в начале операции перетаскивания |
| ondrop | script | Скрипт запускается, когда элемент сбрасывается |
| onscroll | script | Скрипт запускается, когда полоса прокрутки элемента прокручивается |
События буфера обмена
| Атрибут | Значение | Описание |
|---|---|---|
| oncopy | script | Запускается, когда пользователь копирует содержимое элемента |
| oncut | script | Запускается, когда пользователь вырезает содержимое элемента |
| onpaste | script | Запускается, когда пользователь вставляет скопированное содержимое в элемент |
События медиа
События, которые запускаются медиа‑элементами, такими как видео, изображения и аудио (применяются ко всем HTML‑элементам, но чаще всего встречаются в медиа‑элементах: <audio>, <embed>, <img>, <object>, <video>).
Совет: посетите Справочник по HTML Audio и Video DOM на нашем сайте W3Schools на русском для получения более подробной информации.
| Атрибут | Значение | Описание |
|---|---|---|
| onabort | script | Скрипт запускается при прерывании загрузки |
| oncanplay | script | Скрипт запускается, когда файл готов к началу воспроизведения (достаточно буферизован) |
| oncanplaythrough | script | Скрипт запускается, когда файл можно воспроизвести до конца без пауз на буферизацию |
| oncuechange | script | Скрипт запускается при изменении сигнала в элементе <track> |
| ondurationchange | script | Скрипт запускается при изменении длительности медиа |
| onemptied | script | Скрипт запускается, когда файл неожиданно становится недоступным (например, из‑за разрыва соединения) |
| onended | script | Скрипт запускается, когда воспроизведение достигает конца |
| onerror | script | Скрипт запускается при ошибке загрузки файла |
| onloadeddata | script | Скрипт запускается, когда медиа‑данные загружены |
| onloadedmetadata | script | Скрипт запускается при загрузке метаданных (например, размеров и длительности) |
| onloadstart | script | Скрипт запускается в момент начала загрузки файла |
| onpause | script | Скрипт запускается при паузе воспроизведения |
| onplay | script | Скрипт запускается, когда медиа готово к воспроизведению |
| onplaying | script | Скрипт запускается, когда медиа фактически начинает воспроизводиться |
| onprogress | script | Скрипт запускается, когда браузер получает медиа‑данные |
| onratechange | script | Скрипт запускается при изменении скорости воспроизведения |
| onseeked | script | Скрипт запускается, когда поиск завершён (атрибут seeking стал false) |
| onseeking | script | Скрипт запускается, когда выполняется поиск (атрибут seeking равен true) |
| onstalled | script | Скрипт запускается, когда браузер не может получить данные медиа |
| onsuspend | script | Скрипт запускается, когда получение данных приостанавливается до полного завершения загрузки |
| ontimeupdate | script | Скрипт запускается при изменении позиции воспроизведения |
| onvolumechange | script | Скрипт запускается при изменении громкости |
| onwaiting | script | Скрипт запускается, когда медиа приостановлено и ожидает продолжения (например, при буферизации) |
Другие события
| Атрибут | Значение | Описание |
|---|---|---|
| ontoggle | script | Запускается, когда пользователь открывает или закрывает элемент <details> |
Обновлено:
