Introduktion til HTML-begivenheder
HyperText Markup Language (HTML) er et hypertekstsprog, der skaber et webdesign. det vises i enhver webbrowser. HTML-begivenheder er handling. hver klikbruger får en reaktion fra en browser kaldet Handling. Denne proces kaldes begivenheden.
Lad os sige, at hvis websiden har en form, brugeren udfylder denne formular, får brugeren to nøgler, den ene sendes, og den anden annulleres. Når brugerne trykker på knappen Send, gemmes formularen. Annuller formulardata på annulleringsknappen og opdater formularen igen. Denne knap handling kaldet begivenhed. denne begivenhed afhænger af brugernes handlinger.
Forskellig type HTML-begivenheder
Der er mange begivenhedsattributter tilgængelige i HTML5, som primært klassificeres i 6 forskellige typer. Disse attributter fungerer ved hjælp af JavaScript-sprog.
- Windows-hændelsesattributter: Dette leveres til handlingen af windows-objektet. Det fungerer i body-tag.
- Form hændelsesattributter: Hvis brugeren udfører en handling i formularen som inputdata, skal du annullere, indsende, så fungerer disse hændelsesattributter.
- Tastaturbegivenhedsattributter: Denne tastaturbegivenhedsattributter, der bruges til tastaturhandling og brugerinteraktion.
- Musebegivenhedsattributter: Musebegivenhedsattribut, der bruges til museaktion, der er i bevægelse, klik, hjul osv.
- Udklipsholderbegivenhedsattributter: Denne begivenhedsattributter, der bruges til udklipsholderhandling. Eksempel klip, kopier, skadedyr.
- Mediebegivenhedsattributter: Denne begivenhedsattribut fungerer på mediefiler som video osv.
Beskrivelse af begivenhedsattributter
Her er nogle forklaringer på begivenhedsattributter, der er beskrevet nedenfor i detaljer:
1. Windows-hændelsesattributter
|
Egenskab |
Beskrivelse |
| onafterprint | Dette script handler dog efter at dokumentet blev udskrevet. |
| onbeforeprint | Dette script handler dog inden et dokument udskrives. |
| onbeforeunload | Mens det script, der er aflæst, fungerer. |
| onerror | I dokument opstår fejlen, derefter udføres denne begivenhed. |
| onhashchange | Ankerdelen af URL-ændring i dokumentet, den tidshændelse blev udført. |
| onload | Når den første webside indlæses fuldstændigt, udføres denne begivenhed. |
| onmessage | I dokumentet forekom meddelelsen på det tidspunkt, der blev udført. |
| onoffline | Hvis netværksforbindelsen ikke er tilgængelig, og browseren siger offline, udføres begivenheden. |
| ononline | Når netværket er tilgængeligt i browseren, udføres begivenheden. |
| onpagehide | Denne script-handling, hvis brugeren ikke arbejder på en aktuel webside, kan den aktuelle side skjules. |
| onpageshow | Dette script handler på det tidspunkt, hvor den aktuelle webside indlæses. |
| onpopstate | Dette script fungerer automatisk i browseren til en ændring af historikstilstand. |
| onresize | Dette script fungerer, når browseren i vinduet ændrer størrelsen. |
| onstorage | Når brugernes weblagring opdateres, udføres begivenheden. |
| onunload | Enten er brugerens aktuelle webside ikke indlæst, eller vinduet lukkes, derefter udføres begivenheden. |
2. Form hændelsesattributter
| Egenskab | Beskrivelse |
| onblur | Et eller andet formvalideringsobjekt mister fokuset og begivenheden affyres. |
| onChange | Værdien ændres i formen derefter begivenhed fyret. |
| onfocus | I formen har objekt fokus. Arbejder med dette objekt derefter begivenhed fyret. |
| oninput | Brugeren indtaster værdien i formen, hvorefter denne begivenhed fyres. |
| oninvalid | Begivenheden fungerer, når elementet ikke tilfredsstiller sine foruddefinerede begrænsninger. |
| onReset | Bruger nulstiller formularinformationen og begivenheden affyres. |
| onsearch | Brugere søger i det krævede felt og derefter affyres. |
| onselect | Brugeren vælger teksten eller tekstområdet i form derefter begivenhed fyret. |
| onSubmit | Brugeren indsender formularen i slutningen derefter begivenheden fyres. |
3. Tastaturbegivenhedsattributter
| Egenskab | Beskrivelse |
| onkeydown | Ved hjælp af et tastatur fungerer brugertasten nede på det tidspunkt, hvor begivenheden fungerer |
| onkeypress | Ved hjælp af tastaturet trykker brugerne på tasten og viser tegn på det tidspunkt, begivenheden fungerer. |
| onkeyup | Efter presset frigiver nøglebrugeren nøglen, så fungerer begivenheden. |
4. Attributter for musebegivenhed
| Egenskab | Beskrivelse |
| onclick | Brugeren klikker på musen på knappen, hvorefter der opstod en begivenhed. |
| ondblclick | Brugere dobbeltklikker på musen, så begivenheden fandt sted. |
| onmousedown | Brugeren trykker på museknappen på elementet, så begivenheden fandt sted. |
| onmousemove | Brugeren flytter musemarkøren over elementet, så begivenheden opstod. |
| onMouseOut | Brugeren bevæger musen uden for elementet, så begivenheden fandt sted. |
| onmouseover | Brugeren bevæger musen hen over elementet, så begivenheden fandt sted. |
| onmouseup | Brugeren frigav museknappen, så begivenheden fandt sted. |
| onmousewheel | Brug af musehjulbrugeren ruller op og ned på elementet, så begivenheden fandt sted. |
| onwheel | Rul dem op og ned ved hjælp af et musehjulbruger, så begivenheden fandt sted. |
5. Udklipshændelsesattributter
| Egenskab | Beskrivelse |
| oncopy | Brug af musebrugere til at kopiere indholdet, så begivenheden fandt sted. |
| oncut | Ved hjælp af musebrugere klippede indholdet, så begivenheden fandt sted. |
| onpaste | Ved hjælp af musebruger indsætter indholdet, hvor begivenheden opstod. |
6. Attributter for mediebegivenhed
| Egenskab | Beskrivelse |
| onabort | Når mediefiler aborteres til download og afspilning igen, sker der en begivenhed. |
| oncanplay | Når en mediefil er klar til afspilning, tændes denne trigger. |
| oncanplaythrough | Mediefil klar til at blive spillet uden buffering og indlæsning. |
| oncuechange | Element ændrer køen til den begivenhed, der blev fyret. |
| ondurationchange | Mediefilen ændrer længden, derefter udløses triggeren. |
| onemptied | Hvis mediefilen ikke er tilgængelig og kommer dødelig fejl, udløses trigger. |
| onended | Mediefilen kommer på endepunktet, så udløses trigger. |
| onerror | Når der opstod en fejl for at hente mediefilen, udløses trigger |
| onloadeddata | Mediefilen indlæser dataene, derefter udløses trigger. |
| onloadedmetadata | Mediefilen indlæser metadataene, derefter udløses triggeren. |
| onloadstart | Mediefilen begynder at indlæses, så udløses trigger. |
| onpause | Mediefilen blev sat på pause for at afspille igen, så udløses trigger. |
| onplay | Mediefilen er klar til at afspille, så udløses trigger. |
| onplaying | Mediefilen begynder at afspille, så udløses trigger. |
| i gang | Dette script fungerer, når browseren arbejder på at oprette forbindelse til mediedataene. |
| onratechange | Hvis videoens afspilningshastighed ændres, udløses trigger. |
| onseeked | Brugere afsluttede med at flytte, ellers springer den nye placering af video over. denne attribut er indstillet som usand. |
| onseeking | Brugeren vil flytte ellers springe over den nye position af videoen. denne attribut er sat som sand. |
| onstalled | Når browseren pludselig stopper for forbindelsen af data, fungerer begivenheden. |
| onsuspend | Når webbrowser med vilje ikke får mediedata, fungerer begivenheder. |
| ontimeupdate | Når en bruger ændrer videoafspilningspositionen som frem og tilbage. |
| onvolumechange | Sådan ændres medievolumen lav til høj. |
| onwaiting | Hvis dataene indlæser oplysningerne, stopper det aktuelle video med buffering, så fungerer begivenheden. |
Konklusion
Html-begivenheder er en nem måde at tage handling og grænseflade mellem webbrowsere og brugere. Brugere kan få reaktionen på enhver handling ubesværet. For eksempel; klip og kopier til udklipsholderen, flyt og klik for mus, knapper til formular. Begivenheder laver webapplikationer i realtid og fremstiller smarte arbejdssystemer.
Anbefalede artikler
Dette er en guide til HTML-begivenheder. Her diskuterer vi introduktionen og typer HTML-begivenheder såsom windows, form, keyboard og mange flere sammen med forklaringen af attributter i detaljer. Du kan også se på de følgende artikler for at lære mere-
- Grundlæggende HTML-tags
- Fordele ved HTML
- HTML-format tags
- HTML stilark
- HTML-blokke
- Top 5 HTML-attributter med eksempler
- Indstil en baggrundsfarve i HTML med eksempel
- Vejledning til forskellige JavaScript-begivenheder
- Validering af HTML-form | eksempler