Inleiding tot HTML-evenementen
HyperText Markup Language (HTML) is een hyperteksttaal die een webontwerp maakt. het wordt getoond in elke webbrowser. HTML-evenementen is actie. elke klik-gebruiker krijgt een reactie van een browser genaamd Action. Dit proces staat bekend als het evenement.
Stel dat als de webpagina één formulier heeft, de gebruiker dit formulier invult, de gebruiker twee sleutels krijgt, er een wordt verzonden en de andere wordt geannuleerd. Wanneer gebruikers op de verzendknop drukken, worden de formuliergegevens opgeslagen. Annuleer op de knop Annuleren de formuliergegevens en vernieuw het formulier opnieuw. Deze knopactie wordt evenement genoemd. deze gebeurtenis is afhankelijk van de acties van de gebruikers.
Verschillende soorten HTML-gebeurtenissen
Er zijn veel gebeurtenisattributen beschikbaar in HTML5, die voornamelijk in 6 verschillende typen zijn geclassificeerd. Deze attributen werken met JavaScript-taal.
- Windows-gebeurtenisattributen: dit is bedoeld voor de actie van het Windows-object. Het werkt in body-tag.
- Formuliergebeurtenisattributen: als de gebruiker een actie uitvoert in de vorm zoals invoergegevens, annuleer, verzend dan deze gebeurtenisattributen.
- Kenmerken toetsenbordgebeurtenis : kenmerken van toetsenbordgebeurtenissen die worden gebruikt voor toetsenbordactie en gebruikersinteractie.
- Muisgebeurtenisattributen: muisgebeurtenisattribuut gebruikt voor muisactie die bewegen, klikken, wiel, enz.
- Klembordgebeurtenisattributen: deze gebeurtenisattributen die worden gebruikt voor klembordactie. Voorbeeld knippen, kopiëren, plagen.
- Kenmerken media-evenement: dit kenmerk werkt op mediabestanden zoals video enz.
Beschrijving van gebeurtenisattributen
Hier is enige uitleg over gebeurtenisattributen die hieronder in detail worden gegeven:
1. Windows-gebeurtenisattributen
|
Attribuut |
Beschrijving |
| onafterprint | Deze scripthandeling, hoewel het document is afgedrukt. |
| onbeforeprint | Dit script act, hoewel voordat een document werd afgedrukt. |
| onbeforeunload | Terwijl dit script vóór het geloste document werkt. |
| onerror | In het document treedt de fout op, waarna deze gebeurtenis wordt uitgevoerd. |
| onhashchange | Het ankerdeel van de URL-wijziging in het document dat de tijdgebeurtenis heeft uitgevoerd. |
| onload | Wanneer de eerste webpagina volledig is geladen, wordt deze gebeurtenis uitgevoerd. |
| OnMessage | In het document is het bericht op dat moment uitgevoerd. |
| onoffline | Als de netwerkverbinding niet beschikbaar is en de browser offline zegt, wordt de gebeurtenis uitgevoerd. |
| ononline | Wanneer het netwerk beschikbaar is in de browser, wordt de gebeurtenis uitgevoerd. |
| onpagehide | Met deze scripthandeling kan de huidige pagina worden verborgen als de gebruiker niet aan een huidige webpagina werkt. |
| onpageshow | Dit script handelt op dat moment dat de huidige webpagina wordt geladen. |
| onpopstate | Dit script werkt automatisch in de browser voor een wijziging van de geschiedenisstatus. |
| onresize | Dit script wordt geactiveerd wanneer de browser van het venster de grootte wijzigt. |
| onstorage | Wanneer de webopslag van gebruikers wordt bijgewerkt, wordt de gebeurtenis uitgevoerd. |
| onunload | De huidige webpagina van de gebruiker wordt niet geladen of het venster wordt gesloten en vervolgens wordt de gebeurtenis uitgevoerd. |
2. Vorm gebeurtenisattributen
| Attribuut | Beschrijving |
| onblur | Sommige formuliervalidatieobjecten verliezen de focus en worden vervolgens geactiveerd. |
| onchange | De waardeverandering in het formulier is vervolgens geactiveerd. |
| onfocus | In de vorm heeft object focus. Bezig met dit object en vervolgens gebeurtenis ontslagen. |
| oninput | De gebruiker geeft invoer van waarde in de vorm en vervolgens wordt deze gebeurtenis geactiveerd. |
| oninvalid | De gebeurtenis werkt door wanneer het element niet voldoet aan de vooraf gedefinieerde beperkingen. |
| onreset | Gebruiker heeft de formulierinformatie opnieuw ingesteld en vervolgens gebeurtenis ontslagen. |
| onsearch | Gebruikers zoeken in het vereiste veld en worden vervolgens geactiveerd. |
| onselect | De gebruiker selecteert de tekst of het tekstgebied in de vorm en wordt vervolgens geactiveerd. |
| onsubmit | De gebruiker verzendt het formulier aan het einde en vervolgens wordt het evenement ontslagen. |
3. Kenmerken van toetsenbordgebeurtenissen
| Attribuut | Beschrijving |
| onKeyDown | Met behulp van een toetsenbord drukt de gebruiker de toets op dat moment in |
| onkeypress | Met behulp van het toetsenbord drukken gebruikers op de toets en tonen tekens op dat moment de gebeurtenis werkt. |
| onkeyup | Na het indrukken laat de toetsgebruiker de toets los en werkt het evenement. |
4. Attributen van muisgebeurtenissen
| Attribuut | Beschrijving |
| bij klikken | De gebruiker klikt met de muis op de knop en vervolgens heeft zich een gebeurtenis voorgedaan. |
| ondblclick | Gebruikers dubbelklikken met de muis waarna de gebeurtenis plaatsvond. |
| onmousedown | De gebruiker drukt op de muisknop op het element waarna de gebeurtenis plaatsvond. |
| onMouseMove | De gebruiker beweegt de muisaanwijzer over het element, waarna de gebeurtenis plaatsvond. |
| onmouseout | De gebruiker beweegt de muis buiten het element, waarna de gebeurtenis plaatsvond. |
| onmouseover | De gebruiker beweegt de muis over het element en vervolgens vond de gebeurtenis plaats. |
| onmouseup | De gebruiker liet de muisknop los toen de gebeurtenis plaatsvond. |
| onmousewheel | Met behulp van muiswielgebruiker rolt het element op en neer op het moment waarop de gebeurtenis plaatsvond. |
| onwheel | Gebruik een muiswielgebruiker om ze op en neer te rollen, waarna de gebeurtenis plaatsvond. |
5. Kenmerken attributen van het klembord
| Attribuut | Beschrijving |
| oncopy | Gebruikmakend van muisgebruikers om de inhoud te kopiëren, vond de gebeurtenis plaats. |
| oncut | Gebruik de muis om de inhoud te knippen en vervolgens vond de gebeurtenis plaats. |
| onpaste | Met behulp van muis gebruiker plak de inhoud dan gebeurtenis heeft plaatsgevonden. |
6. Kenmerken van media-evenementen
| Attribuut | Beschrijving |
| onabort | Wanneer mediabestanden worden afgebroken om te downloaden en opnieuw af te spelen, vindt er een gebeurtenis plaats. |
| oncanplay | Wanneer een mediabestand gereed is om te spelen, wordt deze trigger geactiveerd. |
| oncanplaythrough | Mediabestand klaar om te spelen zonder bufferen en laden. |
| oncuechange | Element wijzigt de cue van de gebeurtenis die wordt geactiveerd. |
| ondurationchange | Mediabestand verandert de tijdsduur waarna de trigger wordt geactiveerd. |
| onemptied | Als het mediabestand niet beschikbaar is en een fatale fout optreedt, wordt de trigger geactiveerd. |
| onended | Mediabestand komt op eindpunt en trigger wordt geactiveerd. |
| onerror | Wanneer er een fout is opgetreden om het mediabestand te krijgen, wordt de trigger geactiveerd |
| onloadeddata | Mediabestand laadt de gegevens en trigger wordt geactiveerd. |
| onloadedmetadata | Mediabestand laadt de metagegevens waarna de trigger wordt geactiveerd. |
| gebeurtenishandler onLoadStart | Mediabestand wordt geladen en trigger wordt geactiveerd. |
| onpause | Mediabestand onderbroken om opnieuw af te spelen en trigger wordt geactiveerd. |
| onplay | Mediabestand klaar om te spelen en trigger wordt geactiveerd. |
| onplaying | Mediabestand begint te spelen en trigger wordt geactiveerd. |
| onprogress | Dit script werkt wanneer de browser bezig is om verbinding te maken met de mediagegevens. |
| onratechange | Als de afspeelsnelheid van video's wordt gewijzigd, wordt de trigger geactiveerd. |
| onseeked | Gebruikers zijn klaar met verplaatsen, anders slaan ze de nieuwe positie van de video over. dit kenmerk is ingesteld als onwaar. |
| onseeking | De gebruiker wil verplaatsen, anders slaat hij de nieuwe positie van de video over. dit kenmerk is ingesteld als true. |
| onstalled | Wanneer de browser plotseling stopt met het verbinden van gegevens, werkt het evenement. |
| onsuspend | Wanneer de webbrowser expres geen mediagegevens ontvangt, werken evenementen. |
| ontimeupdate | Wanneer een gebruiker de afspeelpositie van de video wijzigt, zoals vooruit en achteruit. |
| onvolumechange | Om het mediavolume van laag naar hoog te veranderen. |
| onwaiting | Als de gegevens de informatie laden, stopt de huidige video met bufferen en werkt de gebeurtenis. |
Conclusie
HTML-evenementen zijn een eenvoudige manier om actie te ondernemen en een interface tussen webbrowsers en gebruikers. Gebruikers kunnen de reactie van elke actie moeiteloos krijgen. Bijvoorbeeld; knippen en kopiëren voor het klembord, verplaatsen en klikken voor muis, knoppen voor formulier. Evenementen maken webtoepassingen realtime en maken slimme werksystemen.
Aanbevolen artikelen
Dit is een gids voor HTML-evenementen. Hier bespreken we de introductie en soorten HTML-gebeurtenissen zoals vensters, vorm, toetsenbord en nog veel meer, samen met de uitleg van attributen in detail. U kunt ook de volgende artikelen bekijken voor meer informatie-
- Basic HTML-tags
- Voordelen van HTML
- HTML-indeling Tags
- HTML-stijlbladen
- HTML-blokken
- Top 5 HTML-gebeurtenisattributen met voorbeelden
- Stel een achtergrondkleur in HTML in met Voorbeeld
- Gids voor verschillende JavaScript-gebeurtenissen
- HTML-formuliervalidatie | Voorbeelden