HTML події - Різні типи подій HTMl з їх атрибутами

• Вступ до подій HTML

Вступ до подій HTML

HyperText Markup Language (HTML) - це мова гіпертексту, яка створює веб-дизайн. він відображається в будь-якому веб-браузері. HTML події - це дія. кожен користувач клацання отримує реакцію браузера під назвою Дія. Цей процес відомий як Подія.

Скажімо, якщо веб-сторінка має одну форму, користувач заповнює цю форму, тоді користувач отримує два ключі, один надсилається, а інший скасовується. Коли користувачі натискають кнопку надсилання, дані форми будуть збережені. На кнопці "Скасувати" скасуйте дані форми та знову оновіть форму. Ця дія кнопки називається подія. ця подія залежить від дій користувачів.

Різний тип подій HTML

У HTML5 доступно багато атрибутів подій, які класифікуються головним чином на 6 різних типів. Ці атрибути працюють з використанням мови JavaScript.

• Атрибути подій Windows: Це передбачено для дії об’єкта Windows. Він працює в тезі тіла.
• Атрибути події форми: Якщо користувач виконує якусь дію у формі, наприклад вхідні дані, скасувати, надіслати, ці атрибути події спрацьовують.
• Атрибути події на клавіатурі: це атрибути події клавіатури, які використовуються для дії клавіатури та взаємодії з користувачем.
• Атрибути події миші: атрибут події миші, який використовується для дій миші, тобто переміщення, клацання, колесо тощо.
• Атрибути події буфера обміну: атрибути цієї події, які використовуються для дії в буфері обміну. Приклад вирізати, копіювати, шкідника.
• Атрибути медіа-подій: Цей атрибут події працює на медіа-файлах, таких як відео тощо.

Опис атрибутів події

Ось декілька пояснень атрибутів подій, які детально наведені нижче:

1. Атрибути подій Windows

Атрибут	Опис
вона післядруку	Цей сценарій діє, хоча після надрукування документа.
на передрук	Цей сценарій діє, хоча перед документом надруковано.
напередзавантаження	Якщо перед завантаженим документом цей сценарій працює.
один жах	У документі виникає помилка, потім ця подія виконується.
onhashchange	Частина зміни URL-адреси в документі, який виконував подію часу.
навантаження	Коли перша веб-сторінка завантажена повністю, ця подія виконується.
онмеса	У документі повідомлення сталося в той час, коли виконується подія.
onoffline	Якщо підключення до мережі недоступне, а браузер повідомляє офлайн, подія виконується.
он-лайн	Коли мережа доступна в браузері, тоді подія виконується.
onpagehide	Цей сценарій діє, якщо користувач, який не працює на поточній веб-сторінці, а потім поточна сторінка може бути прихований.
onpageshow	Цей сценарій діє на той момент, коли завантажується поточна веб-сторінка.
onpopstate	Цей скрипт автоматично працює в браузері для зміни стану історії.
збільшити розмір	Цей сценарій діє, коли браузер вікна змінює розмір.
на зберігання	Коли веб-сховище користувачів оновлено, подія виконується.
на завантаження	Або поточна веб-сторінка користувача не завантажується, або вікно закрите, тоді подія виконується.

2. Формуйте атрибути події

Атрибут	Опис
onblur	Деякий об’єкт перевірки форми знімає фокус, а потім запускається подія.
на зміну	Зміна значення у формі, після чого запускається подія.
онфокус	У формі, об'єкт має фокус. Робота над цим об’єктом потім подія закінчилася.
на вході	Користувач вводить значення у формі, після чого ця подія запускається.
недійсний	Подія працює тоді, коли елемент не задовольняє заздалегідь визначеним обмеженням.
повернення	Користувач скидає інформацію форми, після чого подія запускається.
шукати	Користувачі шукають потрібне поле, після чого подія запускається.
вибір	Користувач вибирає текст або текстову область у формі, потім запускається подія.
підряд	Користувач подає форму наприкінці, після чого подія закінчується.

3. Атрибути подій на клавіатурі

Атрибут	Опис
onkeydown	Використовуючи клавіатуру, натискання клавіші користувача вниз у цей момент події працює
onkeypress	Користуючись клавіатурою, користувачі натискають клавішу і відображають символи в цей момент, коли подія працює.
onkeyup	Після натискання користувач клавіші відпускає ключ, після чого подія працює.

4. Атрибути події миші

Атрибут	Опис
onclick	Користувач натискає мишкою на кнопку, тоді сталася подія.
ondblclick	Користувачі двічі клацають мишкою, тоді сталася подія.
onmousedown	Користувач натискає кнопку миші на елементі, тоді сталася подія.
onmousemove	Користувач переміщує вказівник миші на елемент, а потім сталася подія.
onmouseout	Користувач переміщує мишу за межі елемента, тоді відбулася подія.
onmouseover	Користувач переводить мишу на елемент, а потім сталася подія.
onmouseup	Користувач відпустив кнопку миші, тоді сталася подія.
маховик	Використовуючи колесо миші, котиться елемент вгору і вниз, тоді відбулася подія.
маховик	За допомогою колеса миші скочуйте їх вгору та вниз, тоді сталася подія.

5. Атрибути події буфера обміну

Атрибут	Опис
онкопія	Використання користувачів миші для копіювання вмісту, тоді відбулася подія.
різати	Користувачі миші вирізають вміст, тоді сталася подія.
onpaste	Використовуючи користувач миші, вставте вміст, тоді сталася подія.

6. Атрибути медіа-подій

Атрибут	Опис
onabort	Коли медіафайли перервано для завантаження та відтворення знову, тоді відбувається подія.
oncanplay	Коли будь-який медіа-файл готовий до відтворення, цей тригер запускається.
oncanplaythrough	Мультимедійний файл готовий до відтворення без буферизації та завантаження.
oncuchange	Елемент змінює сигнал сигналу, що запускається.
зміна одурації	Мультимедійний файл змінює тривалість часу, після чого спрацьовує тригер.
однозначно	Якщо мультимедійний файл недоступний і сталася фатальна помилка, то спрацьовує тригер.
односторонній	Мультимедійний файл надходить на кінцеву точку, після чого спрацьовує тригер.
один жах	Якщо сталася помилка в отриманні медіа-файлу, то спрацьовує тригер
onloadeddata	Мультимедійний файл завантажує дані, після чого спрацьовує тригер.
onloadedmetadata	Мультимедійний файл завантажує метадані, після чого спрацьовує тригер.
onloadstart	Медіафайл починає завантажуватися, після чого спрацьовує тригер.
напаузу	Мультимедійний файл призупинено для відтворення знову, після чого тригер активується.
грати	Мультимедійний файл, готовий до відтворення, запускається.
відтворення	Медіафайл починає відтворюватися, після чого спрацьовує тригер.
в прогресі	Цей сценарій діє, коли браузер працює над підключенням до медіа-даних.
onratechange	Якщо швидкість відтворення відео змінюється, то тригер активується.
оглядався	Користувачі, які завершили рух, інакше пропускають нову позицію відео. цей атрибут встановлений як хибний.
огляд	Користувач хоче перенести в іншому випадку пропустити нове положення відео. цей атрибут встановлений як істинний.
встановити	Коли браузер раптово припиняє з'єднання даних, подія працює.
витрата	Якщо веб-браузер спеціально не отримує медіа-дані, події працюють.
оновлення часу	Коли користувач змінює положення відтворення відео, наприклад, вперед та назад.
пообміннійзміні	Для зміни гучності носія від низької до високої.
в очікуванні	Якщо дані завантажують інформацію, поточна зупинка відео з буферизацією тоді подія працює.

Висновок

Події Html - це простий спосіб вжити дій та інтерфейс між веб-браузерами та користувачами. Користувачі можуть отримувати реакцію на кожну дію без особливих зусиль. Наприклад; вирізати та скопіювати у буфер обміну, перемістити та натиснути мишкою, кнопки форми. Події перетворюють веб-програми в режимі реального часу та створюють розумні робочі системи.

Рекомендовані статті

Це посібник з подій HTML. Тут ми обговорюємо введення та типи подій HTML, таких як Windows, форма, клавіатура та багато іншого, а також детально пояснюємо атрибути. Ви також можете переглянути наступні статті, щоб дізнатися більше -

1. Основні теги HTML
2. Переваги HTML
3. Теги формату HTML
4. Таблиці стилів HTML
5. HTML-блоки
6. Топ 5 атрибутів події HTML із прикладами
7. Встановіть Колір фону в HTML із прикладом
8. Посібник з різних подій JavaScript
9. Перевірка форми HTML | Приклади