Úvod do HTML událostí
HyperText Markup Language (HTML) je jazyk hypertextu, který vytváří webdesign. zobrazí se v libovolném webovém prohlížeči. Události HTML jsou akce. každé kliknutí uživatel dostane reakci z prohlížeče s názvem Akce. Tento proces je známý jako událost.
Řekněme, že pokud webová stránka obsahuje jeden formulář, uživatel vyplní tento formulář, pak dostane dva klíče, jeden je odeslán a druhý je zrušen. Když uživatelé stisknou tlačítko Odeslat, data formuláře budou uložena. Na tlačítku Zrušit zrušte data formuláře a formulář znovu obnovte. Tato akce tlačítka nazvaná událost. tato událost závisí na akcích uživatelů.
Jiný typ událostí HTML
V HTML5 je k dispozici mnoho atributů událostí, které jsou klasifikovány primárně do 6 různých typů. Tyto atributy fungují pomocí jazyka JavaScript.
- Atributy událostí systému Windows: Poskytuje se pro akci objektu Windows. Funguje to v těle značky.
- Atributy události formuláře: Pokud uživatel provede nějakou akci ve formuláři, jako jsou vstupní data, zrušte, odešlete, pak tyto atributy událostí fungují.
- Atributy události klávesnice: Tyto atributy události klávesnice používané pro akci klávesnice a interakci uživatele.
- Atributy události myši: Atribut události myši používaný pro akci myši, která se pohybuje, kliká, kolečka atd.
- Atributy události schránky: Atributy události používané pro akci schránky. Příklad řezu, kopírování, škůdce.
- Atributy mediálních událostí: Tento atribut události funguje na mediálních souborech, jako je video atd.
Popis atributů události
Zde je některé vysvětlení atributů události, které jsou podrobně uvedeny níže:
1. Atributy událostí systému Windows
|
Atribut |
Popis |
| onafterprint | Tento skript funguje, i když po vytištění dokumentu. |
| onbeforeprint | Tento skript působí, přestože před vytištěním dokumentu. |
| předběžné zatížení | Zatímco před nezatíženým dokumentem tento skript funguje. |
| onerror | V dokumentu dojde k chybě, poté se tato událost spustí. |
| výměna | Ukotvovací část adresy URL se v dokumentu změní, která byla provedena časovou událostí. |
| onload | Po načtení první webové stránky je tato událost spuštěna. |
| onmessage | V dokumentu došlo ke zprávě v té době provedené události. |
| onoffline | Pokud není síťové připojení k dispozici a prohlížeč říká offline, je událost spuštěna. |
| ononline | Když je síť k dispozici v prohlížeči, událost byla spuštěna. |
| onpagehide | Tento skript funguje, pokud uživatel, který nepracuje na aktuální webové stránce, může být skrytá aktuální stránka. |
| onpageshow | Tento skript funguje v té době, kdy se načte aktuální webová stránka. |
| onpopstate | Tento skript automaticky pracuje v prohlížeči pro změnu stavu historie. |
| onresize | Tento skript působí, když prohlížeč okna změní velikost. |
| onstorage | Po aktualizaci webového úložiště uživatelů se událost spustí. |
| onunload | Není načtena aktuální webová stránka uživatele, nebo je okno zavřeno a událost je spuštěna. |
2. Atributy události události
| Atribut | Popis |
| onblur | Některý objekt pro ověření formuláře uvolní fokus a poté vyhodí událost. |
| onchange | Změna hodnoty ve formuláři pak byla spuštěna událost. |
| onfocus | Ve formuláři má objekt fokus. Práce na tomto objektu pak byla spuštěna událost. |
| oninput | Uživatel zadá hodnotu ve formuláři, který je vyvolán touto událostí. |
| oninvalid | Událost funguje, když prvek nesplňuje předdefinovaná omezení. |
| onreset | Uživatel resetuje informace o formuláři a poté spustí událost. |
| onsearch | Uživatelé prohledávají požadované pole a poté vyhodí událost. |
| onselect | Uživatel vybere text nebo textovou oblast ve formě a poté spustí událost. |
| onsubmit | Uživatel odešle formulář na konci a událost se spustí. |
3. Atributy události klávesnice
| Atribut | Popis |
| onkeydown | Pomocí klávesnice, uživatel stiskněte klávesu dolů v okamžiku, kdy událost funguje |
| onkeypress | Pomocí klávesnice uživatelé stisknou klávesu a zobrazí znaky v okamžiku, kdy událost funguje. |
| onkeyup | Po stisknutí klíč uživatel uvolní klíč a událost bude fungovat. |
4. Atributy události myši
| Atribut | Popis |
| při kliknutí | Uživatel klepne na tlačítko myši a poté dojde k události. |
| ondblclick | Uživatelé dvakrát kliknou na myš a poté dojde k události. |
| onmousedown | Uživatel stiskne tlačítko myši na prvku, poté došlo k události. |
| dále | Uživatel přesune ukazatel myši na prvek, poté došlo k události. |
| onmouseout | Uživatel přesune myš mimo prvek, kde došlo k události. |
| onmouseover | Uživatel přesune myš nad prvek, poté došlo k události. |
| onmouseup | Uživatel uvolnil tlačítko myši a poté došlo k události. |
| onmousewheel | Pomocí kolečka myši roluje nahoru a dolů na prvek, poté došlo k události. |
| onwheel | Pomocí kolečka myši je rolujte nahoru a dolů a poté došlo k události. |
5. Atributy události schránky
| Atribut | Popis |
| oncopy | Pomocí myši myši ke kopírování obsahu došlo k události. |
| oncut | Pomocí myši myši vyjmout obsah pak došlo k události. |
| vložit | Pomocí myši vložte obsah a poté došlo k události. |
6. Atributy mediálních událostí
| Atribut | Popis |
| onabort | Když se mediální soubory přeruší ke stažení a přehrávání znovu, dojde k události. |
| oncanplay | Když je jakýkoli mediální soubor připraven k přehrávání, spustí se tato spouštěč. |
| oncanplaythrough | Mediální soubor připraven k přehrávání bez ukládání do vyrovnávací paměti a načítání. |
| oncuechange | Prvek mění narážku na vyvolání události. |
| ondurationzměna | Mediální soubor mění dobu, po kterou se spustí spouštěč. |
| osvobozen | Pokud mediální soubor není k dispozici a dojde k závažné chybě, spustí se spouštěč. |
| pokračoval | Mediální soubor přichází na koncový bod a poté se spustí spouštěč. |
| onerror | Pokud došlo k chybě při získávání mediálního souboru, spustí se spouštěč |
| onloadeddata | Mediální soubor načte data a poté se spustí spouštěč. |
| onloadedmetadata | Mediální soubor načte metadata a poté se spustí spouštěč. |
| onloadstart | Mediální soubor se začne načítat a poté se spustí spouštěč. |
| onpause | Mediální soubor se znovu zastavil a poté se spustí spouštěč. |
| onplay | Mediální soubor je připraven k přehrávání a poté se spustí spouštění. |
| onplaying | Mediální soubor se začne přehrávat a poté se spustí spouštění. |
| pokrok | Tento skript funguje, když prohlížeč pracuje na připojení k mediálním datům. |
| onratechange | Pokud se rychlost přehrávání videa změní, spustí se spouštěč. |
| hledal | Uživatelé dokončili přesun, jinak přeskočili novou pozici videa. tento atribut byl nastaven na false. |
| hledající | Uživatel chce přesunout jinak přeskočit novou pozici videa. tento atribut byl nastaven na true. |
| onstalled | Když se prohlížeč náhle zastaví v připojení dat, událost funguje. |
| onsuspend | Pokud webový prohlížeč záměrně nezískává mediální data, události fungují. |
| ontimeupdate | Když uživatel změní pozici přehrávání videa vpřed a vzad. |
| onvolumechange | Změna hlasitosti média na nízkou. |
| čeká | Pokud data načtou informace, aktuální video se zastaví s vyrovnávací pamětí, pak událost funguje. |
Závěr
Události ve formátu HTML jsou snadným způsobem, jak provádět akce a rozhraní mezi webovými prohlížeči a uživateli. Uživatelé mohou dostat reakci každé akce bez námahy. Například; vystřihněte a zkopírujte do schránky, přesuňte a klikněte pro myš, tlačítka pro formulář. Události vytvářejí webové aplikace v reálném čase a vytvářejí inteligentní pracovní systémy.
Doporučené články
Toto je průvodce událostmi HTML. Zde diskutujeme o úvodu a typech HTML událostí, jako jsou okna, forma, klávesnice a mnoho dalších, spolu s podrobným vysvětlením atributů. Další informace naleznete také v následujících článcích
- Základní značky HTML
- Výhody HTML
- Značky formátu HTML
- HTML styly
- Bloky HTML
- Prvních 5 atributů události HTML s příklady
- Nastavte barvu pozadí v HTML s příkladem
- Průvodce různými událostmi JavaScriptu
- Ověření HTML formuláře | Příklady