Вступ до подій 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, форма, клавіатура та багато іншого, а також детально пояснюємо атрибути. Ви також можете переглянути наступні статті, щоб дізнатися більше -
- Основні теги HTML
- Переваги HTML
- Теги формату HTML
- Таблиці стилів HTML
- HTML-блоки
- Топ 5 атрибутів події HTML із прикладами
- Встановіть Колір фону в HTML із прикладом
- Посібник з різних подій JavaScript
- Перевірка форми HTML | Приклади