Úvod do HTML udalostí
HyperText Markup Language (HTML) je hypertextový jazyk, ktorý vytvára webový dizajn. zobrazuje sa v ľubovoľnom webovom prehľadávači. Udalosti HTML je akcia. každý používateľ kliknutia dostane reakciu z prehliadača s názvom Akcia. Tento proces je známy ako udalosť.
Povedzme, že ak webová stránka obsahuje jeden formulár, používateľ vyplní tento formulár, potom dostane dva kľúče, jeden je odoslaný a druhý je zrušený. Keď používatelia stlačia tlačidlo Odoslať, údaje formulára sa uložia. Na tlačidle Zrušiť zrušte údaje formulára a formulár znova obnovte. Táto akcia tlačidla sa nazýva udalosť. táto udalosť závisí od akcií používateľov.
Rôzne typy udalostí HTML
V HTML5 je k dispozícii veľa atribútov udalostí, ktoré sú klasifikované primárne do 6 rôznych typov. Tieto atribúty fungujú pomocou jazyka JavaScript.
- Atribúty udalostí systému Windows: Poskytuje sa na činnosť objektu Windows. Funguje to v tele značky.
- Atribúty udalosti vo formulári: Ak používateľ vykonáva nejakú akciu vo forme, ako sú vstupné údaje, zrušte, odošlite a potom tieto atribúty udalostí fungujú.
- Atribúty udalosti klávesnice: Tieto atribúty udalosti klávesnice používané na akciu klávesnice a interakciu používateľa.
- Atribúty udalosti myši: Atribút udalosti myši používaný pre akciu myši, ktorá sa pohybuje, kliká, kolieska atď.
- Atribúty udalosti schránky: Atribúty udalosti používané pre akciu schránky. Príklad strihu, kopírovania, škodcu.
- Atribúty mediálnych udalostí: Tento atribút udalosti funguje na mediálnych súboroch, ako je video atď.
Opis atribútov udalosti
Tu je niekoľko vysvetlení atribútov udalosti, ktoré sú podrobne uvedené nižšie:
1. Atribúty udalostí systému Windows
|
atribút |
popis |
| onafterprint | Tento skript pôsobí, aj keď po vytlačení dokumentu. |
| onbeforeprint | Tento skript pôsobí, aj keď pred tlačením dokumentu. |
| onbeforeunload | Zatiaľ čo pred nezaťaženým dokumentom tento skript funguje. |
| onerror | V dokumente sa vyskytne chyba, potom sa táto udalosť vykoná. |
| onhashchange | Ukotvovacia časť adresy URL sa v dokumente zmení, keď sa vykonala časová udalosť. |
| onload | Po načítaní prvej webovej stránky sa táto udalosť spustí. |
| onmessage | V dokumente sa správa vyskytla v tom čase, keď bola vykonaná udalosť. |
| onoffline | Ak sieťové pripojenie nie je k dispozícii a prehliadač hovorí offline, udalosť bola vykonaná. |
| ononline | Keď je sieť k dispozícii v prehliadači, udalosť sa spustí. |
| onpagehide | Tento skript pôsobí, ak používateľ, ktorý nepracuje na aktuálnej webovej stránke, môže byť skrytá aktuálna stránka. |
| onpageshow | Tento skript pôsobí v tom čase, keď sa načíta aktuálna webová stránka. |
| onpopstate | Tento skript automaticky pracuje v prehliadači na zmenu stavu histórie. |
| onResize | Tento skript pôsobí, keď prehliadač okna zmení veľkosť. |
| onstorage | Po aktualizácii webového úložiska používateľov sa udalosť spustí. |
| onunload | Nie je načítaná aktuálna webová stránka používateľa alebo je okno zatvorené, potom je udalosť vykonaná. |
2. Atribúty udalosti udalosti
| atribút | popis |
| onblur | Niektoré objekty na overenie formulárov uvoľnia ohnisko a potom spustia udalosť. |
| onchange | Hodnota sa zmenila vo formulári a potom sa spustila udalosť. |
| onFocus | Vo forme má objekt zameranie. Práca na tomto objekte bola spustená. |
| oninput | Užívateľ zadá hodnotu vo forme, v ktorej sa táto udalosť spustila. |
| oninvalid | Udalosť funguje, keď prvok nespĺňa preddefinované obmedzenia. |
| onreset | Užívateľ resetuje informácie z formulára a potom spustí udalosť. |
| onsearch | Používatelia vyhľadávajú požadované pole a potom spustia udalosť. |
| onSelect | Užívateľ vyberie text alebo textovú oblasť vo forme a potom spustí udalosť. |
| onSubmit | Užívateľ odošle formulár na konci udalosti, ktorá bola spustená. |
3. Atribúty udalostí klávesnice
| atribút | popis |
| OnKeyDown | Pomocou klávesnice, užívateľ stlačte kláves dole v tej chvíli udalosť funguje |
| onkeypress | Pomocou klávesnice používatelia stlačia kláves a zobrazia znaky v tom okamihu, keď udalosť funguje. |
| onkeyup | Po stlačení kľúčový užívateľ kláves uvoľní a potom udalosť funguje. |
4. Atribúty udalosti myši
| atribút | popis |
| po kliknutí | Používateľ klikne na tlačidlo myši a potom nastane udalosť. |
| ondblclick | Používatelia dvakrát kliknú na myš a potom dôjde k udalosti. |
| onmousedown | Používateľ stlačí tlačidlo myši na prvku, potom došlo k udalosti. |
| onMouseMove | Používateľ presunie ukazovateľ myši nad prvok, potom došlo k udalosti. |
| onmouseout | Používateľ presunie myš mimo element, v ktorom nastala udalosť. |
| onmouseover | Používateľ presunie myš nad prvok, potom došlo k udalosti. |
| onMouseUp | Používateľ uvoľnil tlačidlo myši a potom došlo k udalosti. |
| onMouseWheel | Použitím kolieska myši užívateľ prevráti prvok nahor a nadol, potom došlo k udalosti. |
| onwheel | Pomocou kolieska myši ich rolujte nahor a nadol a potom došlo k udalosti. |
5. Atribúty udalosti schránky
| atribút | popis |
| oncopy | Pomocou myši myši kopírovať obsah potom došlo k udalosti. |
| oncut | Používatelia myši vystrihli obsah a potom došlo k udalosti. |
| onpaste | Pomocou myši vložte obsah a potom došlo k udalosti. |
6. Atribúty mediálnych udalostí
| atribút | popis |
| onabort | Keď sa mediálne súbory prerušia na stiahnutie a opätovné prehrávanie, nastane udalosť. |
| oncanplay | Ak je akýkoľvek mediálny súbor pripravený na prehrávanie, spustí sa táto spúšť. |
| oncanplaythrough | Mediálny súbor pripravený na prehrávanie bez ukladania do vyrovnávacej pamäte a načítania. |
| oncuechange | Element zmení narážku na spustenú udalosť. |
| ondurationchange | Mediálny súbor mení dobu, po ktorej sa spustí spúšť. |
| onemptied | Ak mediálny súbor nie je k dispozícii a vyskytne sa závažná chyba, spustí sa spúšť. |
| onended | Mediálny súbor príde na koncový bod a potom sa spustí spúšťač. |
| onerror | Ak sa vyskytla chyba pri získaní mediálneho súboru, spustí sa spúšť |
| onloadeddata | Mediálny súbor načíta údaje a potom sa spustí spúšťač. |
| onloadedmetadata | Mediálny súbor načíta metadáta a potom sa spustí spúšťač. |
| onloadstart | Mediálny súbor sa začne načítavať a potom sa spustí spúšťač. |
| onpause | Mediálny súbor sa pozastavil, aby sa znova prehral, potom sa spustí spúšť. |
| onplay | Spustí sa mediálny súbor pripravený na prehrávanie a potom sa spustí. |
| onplaying | Mediálny súbor sa začne prehrávať a potom sa spustí spúšťač. |
| onProgress | Tento skript pôsobí, keď prehliadač pracuje na pripojení k mediálnym údajom. |
| onratechange | Ak sa zmení rýchlosť prehrávania videa, spustí sa spúšť. |
| onseeked | Používatelia dokončili sťahovanie, inak preskočili novú pozíciu videa. tento atribút bol nastavený na false. |
| onseeking | Používateľ chce presunúť inak, preskočí novú pozíciu videa. tento atribút bol nastavený na true. |
| onstalled | Keď prehliadač náhle zastaví pripojenie údajov, udalosť funguje. |
| onsuspend | Ak webový prehľadávač zámerne nezíska mediálne údaje, udalosti fungujú. |
| ontimeupdate | Keď používateľ zmení polohu prehrávania videa dopredu alebo dozadu. |
| onvolumechange | Zmena hlasitosti média na nízku. |
| onwaiting | Ak údaje načítajú informácie, aktuálne video sa zastaví s ukladaním do vyrovnávacej pamäte, potom udalosť funguje. |
záver
Udalosti HTML sú jednoduchým spôsobom, ako podniknúť kroky a rozhranie medzi webovými prehliadačmi a používateľmi. Užívatelia môžu získať reakciu každej akcie bez námahy. Napríklad; vystrihnite a skopírujte do schránky, pohnite a kliknite myšou, tlačidlá pre formulár. Udalosti vytvárajú webové aplikácie v reálnom čase a vytvárajú inteligentné pracovné systémy.
Odporúčané články
Toto je sprievodca udalosťami HTML. Tu diskutujeme o úvode a typoch udalostí HTML, ako sú okná, forma, klávesnica a mnoho ďalších, spolu s podrobným vysvetlením atribútov. Viac informácií nájdete aj v nasledujúcich článkoch
- Základné značky HTML
- Výhody HTML
- Značky formátu HTML
- HTML štýly
- Bloky HTML
- Top 5 atribútov udalostí HTML s príkladmi
- Nastavte farbu pozadia v HTML s príkladom
- Sprievodca rôznymi udalosťami JavaScriptu
- Validácia HTML formulára Príklady