HTML Атрибуты событий
Глобальные атрибуты событий
HTML 4 добавил возможность позволить событиям запускать действия в браузере, например, запуск JavaScript, когда пользователь нажимает на элемент.
Чтобы узнать больше о программировании событий, посетите JavaScript Учебник.
Ниже приведены глобальные атрибуты событий, которые можно добавить к 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='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>).
| Атрибут |
Значение |
Описание |
| 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 |
Скрипт будет запущен когда атрибут ищет значение false, что указывает, что поиск закончился |
| onseeking |
script |
Скрипт будет запущен когда атрибут ищет значение true, что указывает на то, что поиск является активным |
| onstalled |
script |
Скрипт будет запущен когда браузер не может получить данные медиа по какой-либо причине |
| onsuspend |
script |
Скрипт будет запущен при получении медиаданных, останавливается перед полной загрузкой по какой-либо причине |
| ontimeupdate |
script |
Скрипт будет запущен когда меняется позиция воспроизведения (например, когда пользователь быстро переходит в другую точку на медиа) |
| onvolumechange |
script |
Скрипт будет запущен каждый раз, когда меняется громкость (включая настройки громкости на 'выключение звука') |
| onwaiting |
script |
Скрипт будет запущен когда медиа приостановлено, но ожидается, что его будет возобновлено (например, когда медиа приостанавливается для буферизации большого объёма данных) |
Другие События
| Атрибут |
Значение |
Описание |
| ontoggle |
script |
Запустится когда пользователь откроет или закроет элемент <details> |
