HTML Атрибуты событий
Глобальные атрибуты событий
HTML 4 добавил возможность позволить событиям инициировать действия в браузере, например, запуск JavaScript, когда пользователь щелкает элемент.
Чтобы узнать больше о программировании событий, пожалуйста, посетите наш Учебник по JavaScript.
Ниже приведены глобальные атрибуты событий, которые могут быть добавлены в элементы HTML для определения действий событий.
= Новые атрибуты событий в HTML5.
Атрибуты события окна
События, запускаемые для объекта Window (применяются к тегу <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>, and <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 | Скрипт, который будет выполняться каждый раз при изменении тома, который (включая настройку тома на "mute") |
| onwaiting | script | Сценарий, запускаемый, когда носитель приостановлен, но ожидается его возобновление (например, когда носитель приостанавливается для буферизации дополнительных данных) |
Разные события
| Атрибут | Значение | Описание |
|---|---|---|
| onshow | script | Срабатывает, когда элемент <menu> отображается в виде контекстного меню |
| ontoggle | script | Срабатывает, когда пользователь открывает или закрывает элемент <details> |