ЛУЧШИЙ САЙТ ДЛЯ ВЕБ-РАЗРАБОТЧИКОВ

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

Совет: Посетите HTML Аудио и Видео DOM Справочник для получения более подробной информации.

Атрибут Значение Описание
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>