Въведение в HTML събития
HyperText Markup Language (HTML) е хипертекстов език, който създава уеб дизайн. тя се показва във всеки уеб браузър. HTML събития е действие. всеки клик потребител получава реакция от браузър, наречен Действие. Този процес е известен като Събитието.
Да речем, ако уеб страницата има един формуляр, потребителят попълва този формуляр, след това потребителят получава два ключа, единият се изпраща, а другият се анулира. Когато потребителите натиснат бутона за изпращане, данните от формуляра ще бъдат запазени. На бутона за отказ анулирайте данните от формуляра и отново опреснете формуляра. Това действие на бутона се нарича събитие. това събитие зависи от действията на потребителите.
Различен тип HTML събития
В HTML5 има много атрибути на събития, които са класифицирани главно в 6 различни типа. Тези атрибути работят с езика на JavaScript.
- Атрибути на събитието в Windows: Това се предоставя за действието на обекта Windows. Тя работи в body tag.
- Атрибути на събитието на формата: Ако потребителят извърши някакво действие във формата като входни данни, анулирайте, изпратете, тогава тези атрибути на събитието работят.
- Атрибути на събитието на клавиатурата : Този атрибут на събитието на клавиатурата, използван за действие на клавиатурата и взаимодействие с потребителя.
- Атрибути на събитието на мишката : Атрибутът на събитието на мишката, използван за действие на мишката, което е движение, щракване, колело и т.н.
- Атрибути на събитието в клипборда: Това атрибути на събитието, използвани за действие в клипборда. Примерно изрязване, копиране, вредител.
- Атрибути на мултимедийните събития: Този атрибут на събитието работи върху медийни файлове като видео и т.н.
Описание на атрибутите на събитието
Ето някои обяснения на атрибутите на събитията, които са дадени по-долу подробно:
1. Атрибути на събитията на Windows
|
Атрибут |
описание |
| onafterprint | Този сценарий действа, макар и след отпечатване на документа. |
| onbeforeprint | Този сценарий действа, макар и преди отпечатване на документ. |
| onbeforeunload | Докато преди разтоварения документ този скрипт работи. |
| onerror | В документа възниква Грешката, след което това събитие се изпълнява. |
| onhashchange | Частта за промяна на URL адреса в документа, изпълнен по това време. |
| при зареждане | Когато първата уеб страница се зареди напълно, това събитие се изпълнява. |
| onmessage | В документа съобщението е възникнало по това време изпълнено събитие. |
| onoffline | Ако мрежовата връзка не е налична и браузърът казва офлайн, тогава събитието се изпълнява. |
| ononline | Когато мрежата е налична в браузъра, тогава събитието се изпълнява. |
| onpagehide | Този сценарий действа, ако потребителят не работи на текуща уеб страница след текущата страница може да бъде скрит. |
| onpageshow | Този скрипт действа по това време, когато се зарежда текущата уеб страница. |
| onpopstate | Този скрипт работи автоматично в браузъра за промяна на състоянието на историята. |
| onresize | Този скрипт действа, когато браузърът на прозореца промени размера. |
| onstorage | Когато уеб хранилището на потребителите се актуализира, тогава събитието се изпълнява. |
| onunload | Или текущата уеб страница на потребителя не е заредена, или прозорецът е затворен, след което събитието е изпълнено. |
2. Формирайте атрибути на събитията
| Атрибут | описание |
| onblur | Някакъв обект за валидиране на формата освобождава фокуса и след това събитието се задейства. |
| onchange | Промяната на стойността във формата след това задейства събитието. |
| onfocus | Във формата, обектът има фокус. Работата върху този обект след това събитие се задейства. |
| oninput | Потребителят въвежда стойност на формата във формата, след което това събитие се задейства. |
| oninvalid | Събитието работи, когато елементът не удовлетворява своите предварително определени ограничения. |
| onreset | Потребителят нулира информацията за формата, след което събитието се задейства. |
| onsearch | Потребителите търсят изискваното поле, след което събитието се задейства. |
| onselect | Потребителят избира текста или текстовата област във форма, след което събитието се задейства. |
| onsubmit | Потребителят подава формуляра в края, след което събитието се задейства. |
3. Атрибути на събитието на клавиатурата
| Атрибут | описание |
| onkeydown | Използвайки клавиатура, натискането на клавиша на потребителя надолу към това събитие работи |
| onkeypress | Използвайки клавиатурата, потребителите натискат клавиша и показват знаци в това събитие. |
| onkeyup | След натискането, ключовият потребител освобождава ключа, след което събитието работи. |
4. Атрибути на събитието на мишката
| Атрибут | описание |
| OnClick | Потребителят кликва с мишката върху бутона, след което се случи събитие. |
| ondblclick | Потребителите щракват двукратно върху мишката и тогава се случи събитието. |
| onmousedown | Потребителят натиска бутона на мишката върху елемента, след което се е случило събитието. |
| onmousemove | Потребителят премества показалеца на мишката върху елемента, след което се е случило събитието. |
| onmouseout | Потребителят премества мишката извън елемента, след което се е случило събитието. |
| поставяне на показалеца | Потребителят премества мишката върху елемента, след което се е случило събитието. |
| onmouseup | Потребителят пусна бутона на мишката, след което се случи събитието. |
| onmousewheel | Използвайки потребителя на колелото на мишката, търкаля елемента нагоре и надолу, след което се е случило събитието. |
| onwheel | С помощта на потребителя на колелото на мишката ги навийте нагоре и надолу, след което се случи събитието. |
5. Атрибути на събитието в клипборда
| Атрибут | описание |
| oncopy | Използване на потребителите на мишката за копиране на съдържанието, след което се е случило събитието. |
| oncut | С помощта на мишката потребителите изрязват съдържанието, след което се е случило събитието. |
| onpaste | С помощта на потребителя на мишката поставете съдържанието, след което се случи събитието. |
6. Атрибути на медийните събития
| Атрибут | описание |
| onabort | Когато медийните файлове прекъснат за изтегляне и възпроизвеждане отново, тогава се случва събитие. |
| oncanplay | Когато всеки медиен файл е готов за възпроизвеждане, този тригер се задейства. |
| oncanplaythrough | Медиен файл готов за възпроизвеждане без буфериране и зареждане. |
| oncuechange | Element променя щеката на изстреляното тогава събитие. |
| ondurationchange | Медийният файл променя времето, след което задейства спусъка. |
| onemptied | Ако медийният файл не е налице и дойде фатална грешка, тогава задейства се тригер. |
| onended | Медийният файл идва на крайна точка, след което се задейства тригер. |
| onerror | Когато възникне грешка за получаване на медийния файл, тогава се задейства тригер |
| onloadeddata | Медийният файл зарежда данните, след това се задейства тригер. |
| onloadedmetadata | Медиен файл зарежда метаданните, след това задейства задействането. |
| onloadstart | Медийният файл започва да се зарежда, след това се задейства тригер. |
| onpause | Медийният файл е спрян, за да се възпроизведе отново, след това се задейства тригер. |
| onplay | Медийният файл, готов за възпроизвеждане, след това се задейства. |
| onplaying | Медийният файл започва да се възпроизвежда, след което се задейства тригер. |
| в прогрес | Този скрипт действа, когато браузърът работи върху свързването с медийните данни. |
| onratechange | Ако скоростта на възпроизвеждане на видеоклипове се промени, тогава се задейства задействане. |
| onseeked | Потребителите, завършили да се движат, иначе пропускат новата позиция на видеото. този атрибут е зададен като невярен. |
| onseeking | Потребителят иска да се премести в противен случай пропуснете новата позиция на видео. този атрибут е зададен като истина. |
| onstalled | Когато браузърът внезапно спре до свързването на данни, тогава събитието работи. |
| onsuspend | Когато уеб браузърът нарочно не получава медийни данни, тогава събитията работят. |
| ontimeupdate | Когато потребителят промени позицията за възпроизвеждане на видео като напред и назад. |
| onvolumechange | За промяна на силата на звука на медията ниска към висока. |
| onwaiting | Ако данните зареждат информацията, текущото видео спиране с буфериране след това събитието работи. |
заключение
Html Events са лесен начин за предприемане на действия и интерфейс между уеб браузъри и потребители. Потребителите могат да получат реакция на всяко действие без усилия. Например; изрежете и копирайте за клипборда, преместете и кликнете за мишка, бутони за форма. Събитията превръщат уеб приложенията в реално време и правят интелигентни работни системи.
Препоръчителни статии
Това е ръководство за HTML събития. Тук обсъждаме въвеждането и типовете HTML събития като Windows, форма, клавиатура и много други заедно с обяснението на атрибутите подробно. Можете също да разгледате следните статии, за да научите повече-
- Основни HTML тагове
- Предимства на HTML
- Тагове за HTML формат
- Таблици на стилове HTML
- HTML блокове
- Топ 5 HTML атрибута на събитията с примери
- Задайте цвят на фона в HTML с пример
- Ръководство за различни JavaScript събития
- HTML валидиране на формуляр | Примери