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> |