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