HTML Атрибуты событий. Справочник
Курс по основам HTML. W3Schools на русском языке. Уроки для начинающих
Глобальные атрибуты событий
HTML 4 добавил возможность позволить событиям запускать действия в браузере, например, запуск JavaScript, когда пользователь нажимает на элемент.
Чтобы узнать больше о программировании событий, посетите JavaScript Учебник.
Ниже приведены глобальные атрибуты событий, которые можно добавить к HTML элементам, чтобы определить действия событий.
= Новые атрибуты событий в HTML5.
Окно атрибутов событий
События, что инициируются для объекта окна (применяются к тегу <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> |