Введение в события HTML
Язык разметки гипертекста (HTML) - это язык гипертекста, который создает веб-дизайн. это отображается в любом веб-браузере. HTML-события - это действие. каждый пользователь клика получает реакцию от браузера под названием Action. Этот процесс известен как событие.
Скажем, если на веб-странице есть одна форма, пользователь заполняет эту форму, тогда пользователь получает два ключа, один отправляется, а другой отменяется. Когда пользователи нажимают кнопку отправки, данные формы будут сохранены. На кнопке отмены отмените данные формы и обновите форму снова. Это действие кнопки называется событием. это событие зависит от действий пользователей.
Другой тип событий HTML
В HTML5 доступно множество атрибутов событий, которые в основном классифицируются по 6 различным типам. Эти атрибуты работают с использованием языка JavaScript.
- Атрибуты событий Windows: это предусмотрено для действия объекта Windows. Работает в теге body.
- Атрибуты события формы: если пользователь выполняет какое-либо действие в форме, например ввод данных, отмена, отправка, эти атрибуты события работают.
- Атрибуты события клавиатуры: это атрибуты события клавиатуры, используемые для действий клавиатуры и взаимодействия с пользователем.
- Атрибуты события мыши : атрибут события мыши, используемый для действия мыши, которое состоит в перемещении, щелчке, колесе и т. Д.
- Атрибуты события буфера обмена: это атрибуты события, используемые для действия буфера обмена. Пример вырезать, копировать, вредить.
- Атрибуты медиа-события: Этот атрибут события работает с медиа-файлами, такими как видео и т. Д.
Описание атрибутов события
Вот некоторые объяснения атрибутов событий, которые подробно приведены ниже:
1. Атрибуты событий Windows
|
атрибут |
Описание |
| OnAfterPrint | Этот сценарий действует, хотя после того, как документ напечатан. |
| OnBeforePrint | Этот сценарий действует, хотя до того, как документ напечатан. |
| onbeforeunload | Тогда как перед выгрузкой документа этот скрипт работает. |
| OnError | В документе возникает Ошибка, после чего это событие выполняется. |
| onhashchange | Якорная часть URL-адреса изменяется в документе во время выполнения события. |
| в процессе | Когда первая веб-страница загружена полностью, выполняется это событие. |
| OnMessage | В документе сообщение произошло в тот момент, когда событие выполнено. |
| onoffline | Если сетевое соединение недоступно, а браузер отключен, событие выполняется. |
| ononline | Когда сеть доступна в браузере, то событие выполняется. |
| onpagehide | Этот сценарий действует, если пользователь не работает с текущей веб-страницей, тогда текущая страница может быть скрыта. |
| onpageshow | Этот скрипт действует в тот момент, когда текущая веб-страница загружается. |
| onpopstate | Этот скрипт автоматически работает в браузере для изменения состояния истории. |
| OnResize | Этот скрипт действует, когда браузер окна меняет размер. |
| onstorage | Когда пользовательское веб-хранилище обновляется, событие выполняется. |
| OnUnload | Либо текущая веб-страница пользователя не загружена, либо окно закрыто, затем событие выполняется. |
2. Форма атрибутов события
| атрибут | Описание |
| ONBLUR | Какой-то объект проверки формы теряет фокус, а затем срабатывает событие. |
| по изменению | Изменение значения в форме затем событие сработало. |
| OnFocus | В форме, объект имеет фокус. Работая над этим объектом, то событие сработало. |
| oninput | Пользователь дает ввод значения в форме, после чего происходит событие. |
| oninvalid | Событие срабатывает, когда элемент не удовлетворяет его предопределенным ограничениям. |
| OnReset | Пользователь сбросил информацию о форме, затем событие сработало. |
| onsearch | Пользователи ищут нужное поле, а затем событие запускается. |
| onselect | Пользователь выбирает текст или текстовую область в форме, а затем событие запускается. |
| onsubmit | Пользователь отправляет форму в конце, затем событие запускается. |
3. Атрибуты событий клавиатуры
| атрибут | Описание |
| OnKeyDown | Используя клавиатуру, пользователь нажимает клавишу вниз в тот момент, когда событие работает |
| OnKeyPress | Используя клавиатуру, пользователи нажимают клавишу и отображают символы, в этот момент событие работает. |
| OnKeyUp | После нажатия клавиши пользователь отпускает клавишу, после чего событие срабатывает. |
4. Атрибуты событий мыши
| атрибут | Описание |
| по щелчку | Пользователь нажимает кнопку мыши на кнопке, после чего происходит событие. |
| ondblclick | Пользователи дважды щелкают мышью, после чего происходит событие. |
| OnMouseDown | Пользователь нажимает кнопку мыши на элементе, после чего произошло событие. |
| OnMouseMove | Пользователь наводит указатель мыши на элемент, после чего произошло событие. |
| onmouseout | Пользователь перемещает мышь за пределы элемента, после чего произошло событие. |
| при наведении мыши | Пользователь наводит указатель мыши на элемент, после чего произошло событие. |
| OnMouseUp | Пользователь отпустил кнопку мыши, после чего произошло событие. |
| OnMouseWheel | Используя колесо мыши, пользователь прокручивает элемент вверх и вниз, после чего происходит событие. |
| onwheel | Используя колесо мыши, пользователь поворачивает их вверх и вниз, после чего происходит событие. |
5. Атрибуты событий буфера обмена
| атрибут | Описание |
| oncopy | Использование мыши для копирования содержимого затем произошло событие. |
| oncut | С помощью мыши пользователи вырезали контент, после чего произошло событие. |
| onpaste | Используя мышь, пользователь вставляет содержимое, после чего происходит событие. |
6. Атрибуты медиа-событий
| атрибут | Описание |
| OnAbort | Когда медиафайлы прерваны для загрузки и воспроизведения снова, происходит событие. |
| oncanplay | Когда любой медиа-файл готов к воспроизведению, этот триггер срабатывает. |
| oncanplaythrough | Медиафайл готов к воспроизведению без буферизации и загрузки. |
| oncuechange | Элемент изменяет сигнал последующего события. |
| ondurationchange | Медиафайл изменяет продолжительность времени, после чего срабатывает триггер. |
| onemptied | Если файл мультимедиа недоступен и возникает фатальная ошибка, то срабатывает триггер. |
| onended | Медиа-файл приходит в конечную точку, затем запускается триггер. |
| OnError | Когда произошла ошибка при получении медиафайла, запускается триггер |
| onloadeddata | Медиафайл загружает данные, после чего срабатывает триггер. |
| onloadedmetadata | Медиафайл загружает метаданные, после чего срабатывает триггер. |
| onloadstart | Медиафайл начинает загружаться, затем запускается триггер. |
| OnPause | Медиафайл приостановлен для повторного воспроизведения, а затем сработает триггер. |
| onplay | Медиафайл готов к воспроизведению, после чего запускается триггер. |
| onplaying | Медиафайл начинает воспроизводиться, затем срабатывает триггер. |
| в процессе | Этот сценарий действует, когда браузер работает над соединением с данными мультимедиа. |
| onratechange | Если скорость воспроизведения видео изменяется, запускается триггер. |
| onseeked | Пользователи закончили перемещение, иначе пропустите новую позицию видео. этот атрибут установлен как ложный. |
| onseeking | Пользователь хочет переместиться, иначе пропустите новую позицию видео. этот атрибут установлен как true. |
| onstalled | Когда браузер внезапно останавливается для подключения данных, тогда событие работает. |
| onsuspend | Когда веб-браузер специально не получает медиа-данные, события работают. |
| ontimeupdate | Когда пользователь меняет положение воспроизведения видео, например, вперед и назад. |
| onvolumechange | Чтобы изменить громкость носителя с низкого на высокий. |
| onwaiting | Если данные загружают информацию, текущее видео останавливается с буферизацией, тогда событие срабатывает. |
Вывод
Html Events - это простой способ действий и взаимодействия между веб-браузерами и пользователями. Пользователи могут получить реакцию на каждое действие без особых усилий. Например; вырезать и скопировать в буфер обмена, переместить и щелкнуть мышью, кнопки для формы. События делают веб-приложения в реальном времени и умные рабочие системы.
Рекомендуемые статьи
Это руководство по HTML-событиям. Здесь мы обсуждаем введение и типы событий HTML, таких как окна, формы, клавиатура и многое другое, а также подробное объяснение атрибутов. Вы также можете посмотреть следующие статьи, чтобы узнать больше
- Основные теги HTML
- Преимущества HTML
- Теги формата HTML
- Таблицы стилей HTML
- HTML блоки
- Топ-5 атрибутов событий HTML с примерами
- Установить цвет фона в HTML с примером
- Руководство по различным событиям JavaScript
- Проверка формы HTML | Примеры