суббота, 13 марта 2021 г.

События HTML

   События HTML - это специальные глобальные атрибуты, используемые в тегах для вызова обработчиков событий, написанных на различных языках сценариев таких, как JavaScript и вызываемых, когда на странице происходит какое-либо действие.

    События позволяют сделать страницу динамической.

 

Синтаксис: onblur="скрипт"


Атрибуты событий окна
События, вызываемые на объект окна (применяются с тегом <body>):

onafterprint        Скрипт срабатывает после того, как документ будет напечатан
onbeforeprint     Скрипт выполняется перед распечаткой документа
onbeforeunload  Скрипт срабатывает до загрузки документа
onerror              Скрипт срабатывает, при возникновении ошибки
onhashchange    Скрипт срабатывает при изменении в названии #якоря из текущего URL-адреса
onload               Скрипт запустится после завершения полной загрузки страницы
onmessage         Скрипт выполняется при срабатывании сообщения
onoffline             Скрипт срабатывает, когда браузер начинает работать в автономном режиме
ononline             Скрипт срабатывает, когда браузер начинает работать онлайн
onpagehide        Скрипт срабатывает, когда пользователь покидает страницу
onpageshow      Скрипт срабатывает, когда пользователь переходит на страницу
onpopstate        Скрипт срабатывает при изменении окна истории
onresize            Скрипт срабатывает, когда окно браузера изменяется
onstorage          Скрипт срабатывает, когда веб-хранилище данных обновляется
onunload           Скрипт срабатывает при выходе пользователя из документа

 


События формы
   События срабатывают на действия внутри HTML формы (могут применяться почти ко всем элементам HTML, но чаще всего применяются к элементам формы)

 
onblur               Событие onblur возникает (скрипт срабатывает) при потере элемента фокуса. Это обычно происходит, если щелкнуть на другой элемент текущего документа. Событие onblur противоположно по своему действию событию onfocus.

onchange           Скрипт срабатывает при изменении значений элемента
oncontextmenu   Скрипт срабатывает при вызове контекстного меню
onfocus              Скрипт срабатывает, когда элемент получает фокус
oninput               Скрипт срабатывает, когда элемент получает ввод данных от пользователя
oninvalid             Скрипт срабатывает, когда элемент станет недействителен
onreset               Скрипт срабатывает при сбросе формы
onsearch            Скрипт срабатывает, когда пользователь пишет что-то в поле поиска (для <input="search">)
onselect             Скрипт срабатывает при выделении текста в элементе
onsubmit            Скрипт срабатывает при отправке формы
 

 

События клавиатуры 

События, вызываемые клавиатурой (могут применяться ко всем элементам HTML)

 
onkeydown         Скрипт срабатывает, когда пользователь нажимает на клавишу
onkeypress         Скрипт срабатывает после того, как пользователь нажал на клавишу
onkeyup             Скрипт срабатывает после того, как нажатая клавиша была отпущена

 


События мыши
События, вызываемые действиями мышкой или аналогичными действиями пользователя (могут применяться ко всем элементам HTML)

onclick              Скрипт срабатывает при клике левой кнопки мыши на элементе
ondblclick         Скрипт срабатывает после двойного клика мыши на элементе
ondrag              Скрипт срабатывает при перетаскивании элемента
ondragend        Скрипт срабатывает после операции перетаскивания
ondragenter      Скрипт срабатывает, когда элемент будет перенесен на заданную зону (цель для переноса)
ondragleave      Скрипт срабатывает, когда элемент выходит из допустимой зоны для переноса
ondragover       Скрипт срабатывает, когда элемент перемещают над допустимой зоной для переноса
ondragstart       Скрипт срабатывает, когда пользователь начинает перетаскивать элемент
ondrop             Скрипт срабатывает после того, как перетаскиваемый элемент опустился на объект перетаскивания
onmousedown    Скрипт срабатывает при нажатии кнопки мыши на элементе
onmousemove    Скрипт срабатывает, пока указатель мыши перемещается над элементом
onmouseout        Скрипт срабатывает, когда указатель мыши перемещается за пределы элемента
onmouseover      Скрипт срабатывает, когда указатель мыши начал перемещаться над элементом
onmouseup         Скрипт срабатывает при отпускании кнопки мыши с элемента
onscroll              Скрипт срабатывает во время прокручивания полосы прокрутки элемента
onwheel             Скрипт срабатывает при использовании колеса мыши на элементе

 


События буфера обмена

oncopy             Скрипт срабатывает, когда пользователь копирует содержимое элемента
oncut                Скрипт срабатывает, когда пользователь вырезает содержимое элемента
onpaste            Скрипт срабатывает, когда пользователь вставляет содержимое в элемент
 

 

События медиа-файлов
События, вызываемые для медиа файлов, таких как видео, изображения и аудио (могут применяться ко всем элементам HTML, но чаще всего применяются к таким элементам, как <audio>, <embed>, <img>, <object>, and <video>)

onabort                    Скрипт срабатывает при прерывании
oncanplay                Скрипт срабатывает, когда файл будет готов, чтобы начать проигрывание (когда будет достаточно буферизирован, чтобы начать)
oncanplaythrough     Скрипт срабатывает, когда файл может быть воспроизведен полностью (от начала до конца), не останавливаясь для буферизации
oncuechange            Скрипт, который будет запускаться, когда изменения метки в элементе <track>
ondurationchange     Скрипт срабатывает при изменении длины продолжительности медиа файла
onemptied                Скрипт срабатывает, когда произошла какая-то неполадка и файл стал недоступен (например при разрыве связи с интернетом)
onended                  Скрипт срабатывает, когда аудио/видео файл дойдет до конца (например для вывода сообщения: спасибо за прослушивание/просмотр)
onerror                   Скрипт срабатывает, если возникнет ошибка при загрузке файла
onloadeddata          Скрипт срабатывает при загрузке данных медиа файла
onloadedmetadata   Скрипт срабатывает, когда загружены мета-данные (например размер и продолжительность)
onloadstart              Скрипт срабатывает при загрузке файла прежде, чем начнет загружаться на самом деле
onpause                  Скрипт срабатывает, если воспроизведение файла приостановлено (нажали паузу) пользователем или программно
onplay                    Script to be run when the media is ready to start playing
onplaying               Скрипт срабатывает, когда файл готов начать воспроизводиться
onprogress            Скрипт срабатывает, когда браузер находится в процессе получения данных медиа файла
onratechange         Скрипт срабатывает, каждый раз, при изменении режима воспроизведения (например, когда пользователь переключается на медленное воспроизведение или режим быстрой перемотки)
onseeked               Скрипт запускается, когда атрибут seeked у тегов audio или video имеет значение "false", т.е.текущая позиция воспроизведения найдена
onseeking              Скрипт запускается, когда атрибут seeking у тегов audio или video имеет значение "true", т.е. текущая позиция воспроизведения перемещается
onstalled                Скрипт срабатывает, когда браузер не может получить данные медиа файла по любой причине
onsuspend             Скрипт срабатывает, когда получение данных медиа файла прекращается, до окончания полной загрузки по любой причине
ontimeupdate        Скрипт срабатывает, когда позиция воспроизведения изменилась (например, когда пользователь выбрал другую точку воспроизведения)
onvolumechange   Скрипт срабатывает каждый раз при изменении значения громкости звука (включая полное отключение звука)
onwaiting             Скрипт срабатывает, когда медиа файл остановлен, но ожидается возобновление запуска (например, когда файл делает паузу для буферизации оставшихся данных)
 

 

Прочие события

onerror         Скрипт срабатывает, когда происходит ошибка во время загрузки внешнего файла
onshow        Скрипт срабатывает, когда элемент <menu>
отображается как контекстное меню
ontoggle       Скрипт срабатывает, когда пользователь открывает или закрывает элемент <details>

 

Ресурсы для более подробного изучения:

https://wm-school.ru/tags/ref_eventattributes.html

https://puzzleweb.ru/html/eventattributes.php

https://html5css.ru/tags/ref_eventattributes.php

Комментариев нет:

Отправить комментарий