Introduksjon til HTML-hendelser
HyperText Markup Language (HTML) er et hypertekstspråk som lager et webdesign. det vises i hvilken som helst nettleser. HTML-hendelser er handling. hver klikkbruker får en reaksjon fra en nettleser som heter Action. Denne prosessen er kjent som hendelsen.
La oss si at hvis websiden har ett skjema, brukeren fyller dette skjemaet, så får brukeren to nøkler, den ene sendes og den andre kanselleres. Når brukere trykker på send-knappen, vil skjemadataene bli lagret. Avbryt skjemaopplysningene på avbryt-knappen og oppdater skjemaet på nytt. Denne knappen handling kalt hendelse. denne hendelsen avhenger av brukernes handlinger.
Forskjellig type HTML-hendelser
Det er mange hendelsesattributter tilgjengelig i HTML5, som primært klassifiseres i 6 forskjellige typer. Disse attributtene fungerer ved hjelp av JavaScript-språk.
- Windows-hendelsesattributter: Dette er gitt for handlingen til windows-objektet. Det fungerer i body tag.
- Form hendelsesattributter: Hvis brukeren utfører noen handlinger i skjemaet som inndata, avbryt, send inn så fungerer disse hendelsesattributtene.
- Tastaturhendelsesattributter: Disse tastaturhendelsesattributtene som brukes til tastaturhandling og brukerinteraksjon.
- Musebegivenhetsattributter: Musebegivenhetsattributt som brukes til museaksjon som er bevegelse, klikk, hjul osv.
- Utklippshendelsesattributter: Denne hendelsesattributtene som brukes til utklippstavlehandling. Eksempel kutt, kopi, skadedyr.
- Mediehendelsesattributter: Dette hendelsesattributtet fungerer på mediefiler som video etc.
Beskrivelse av hendelsesattributter
Her er noen forklaring på hendelsesattributter som er gitt nedenfor i detalj:
1. Windows Event Attributter
|
Egenskap |
Beskrivelse |
| onafterprint | Dette skriptet virker, men etter at dokumentet ble skrevet ut. |
| onbeforeprint | Dette skriptet fungerer, men før et dokument ble skrevet ut. |
| onbeforeunload | Mens dette dokumentet fungerer før det lossede dokumentet. |
| onerror | I dokument oppstår feilen da denne hendelsen ble utført. |
| onhashchange | Ankerdelen av URL-endringen i dokumentet den tidshendelsen ble utført. |
| på Last | Når den første webside lastes helt, blir denne hendelsen utført. |
| onmessage | I dokumentet skjedde meldingen på den gang hendelsen ble utført. |
| onoffline | Hvis nettverkstilkoblingen ikke er tilgjengelig, og nettleseren sier frakoblet, utføres hendelsen. |
| ononline | Når nettverket er tilgjengelig i nettleseren, blir hendelsen utført. |
| onpagehide | Dette skriptet, hvis brukeren ikke jobber på en gjeldende webside, kan den nåværende siden skjules. |
| onpageshow | Dette skriptet handler på det tidspunktet den nåværende nettsiden lastes inn. |
| onpopstate | Dette skriptet fungerer automatisk i nettleseren for å endre historikken. |
| onresize | Dette skriptet fungerer når nettleseren i vinduet endrer størrelsen. |
| onstorage | Når brukerens nettlagring oppdateres, ble hendelsen utført. |
| onunload | Enten brukerens nåværende webside ikke lastes inn, eller vinduet er lukket, så blir hendelsen utført. |
2. Form hendelsesattributter
| Egenskap | Beskrivelse |
| onblur | Noen formvalideringsobjekter mister fokuset og hendelsen avfyres. |
| OnChange | Verdiforandringen i skjemaet og deretter avfyrt hendelse. |
| onFocus | I formen har objekt fokus. Arbeidet med dette objektet deretter hendelsen avfyrt. |
| oninput | Brukeren gir innspill av verdi i skjemaet da denne hendelsen avfyres. |
| oninvalid | Arrangementet fungerer på når elementet ikke tilfredsstiller sine forhåndsdefinerte begrensninger. |
| onreset | Bruker tilbakestiller skjemainformasjonen og hendelsen avfyres. |
| onsearch | Brukere søker i ønsket felt og deretter avfyres. |
| onselect | Brukeren velger tekst eller tekstområde i form og deretter avfyrt hendelse. |
| onsubmit | Brukeren sender skjemaet på slutten og hendelsen blir avfyrt. |
3. Attributter for tastaturhendelser
| Egenskap | Beskrivelse |
| onkeydown | Ved å bruke et tastatur, bruker du trykk på tasten nede på det tidspunktet hendelsen fungerer |
| onkeypress | Ved hjelp av tastaturet trykker brukerne på tasten og viser tegn på det tidspunktet hendelsen fungerer. |
| onkeyup | Etter trykket slipper nøkkelbrukeren tasten, så fungerer hendelsen. |
4. Mouse-hendelsesattributter
| Egenskap | Beskrivelse |
| ved trykk | Brukeren klikker med musen på knappen, så skjedde en hendelse. |
| ondblclick | Brukere dobbeltklikker på musen så hendelsen skjedde. |
| onmousedown | Brukeren trykker på museknappen på elementet da hendelsen skjedde. |
| onmousemove | Brukeren beveger musepekeren over elementet da hendelsen skjedde. |
| onmouseout | Brukeren beveger musen utenfor elementet da hendelsen skjedde. |
| onmouseover | Brukeren beveger musen over elementet da hendelsen skjedde. |
| onmouseup | Brukeren ga ut museknappen da hendelsen skjedde. |
| onmousewheel | Ved å bruke musehjulbrukeren ruller opp og ned på elementet da hendelsen skjedde. |
| onwheel | Ved å bruke en mushjulbruker, rull dem opp og ned da hendelsen skjedde. |
5. Utklippshendelsesattributter
| Egenskap | Beskrivelse |
| oncopy | Ved å bruke musebrukere til å kopiere innholdet, skjedde hendelsen. |
| oncut | Ved å bruke musebrukere kuttet innholdet så hendelsen skjedde. |
| onpaste | Ved å bruke musebruker limer du innholdet og hendelsen skjedde. |
6. Attributter for mediehendelser
| Egenskap | Beskrivelse |
| onabort | Når mediefiler avbrutt for nedlasting og avspilling igjen, oppstår det en hendelse. |
| oncanplay | Når en mediefil er klar for spill, blir denne avtrekkeren avfyrt. |
| oncanplaythrough | Mediefil klar til å spilles uten buffer og lasting. |
| oncuechange | Element endrer signalet om den hendelsen som ble avfyrt. |
| ondurationchange | Mediefilen endrer tiden, så utløses avtrekkeren. |
| onemptied | Hvis mediefilen ikke er tilgjengelig og kommer dødelig feil, avtrekkes utløseren. |
| onended | Mediefilen kommer på endepunktet, så utløses avtrekkeren. |
| onerror | Når det oppstod en feil for å hente mediefilen, blir triggeren avfyrt |
| onloadeddata | Mediefilen laster inn dataene, så utløses avtrekkeren. |
| onloadedmetadata | Mediefilen laster metadataene så avtrekkes avtrekkeren. |
| onloadstart | Mediefilen begynner å laste, så utløses avtrekkeren. |
| onpause | Mediefilen ble pauset for å spille av igjen, så utløses avtrekkeren. |
| onplay | Mediefilen er klar til å spilles av og deretter avtrekkes avtrekkeren. |
| onplaying | Mediefilen begynner å spille, så utløses avtrekkeren. |
| onprogress | Dette skriptet fungerer når nettleseren jobber med å koble til mediedataene. |
| onratechange | Hvis avspillingshastigheten for videoer endres, avtrekkes utløseren. |
| onseeked | Brukere fullførte å flytte, ellers hopper over den nye plasseringen av videoen. dette attributtet satt som usant. |
| onseeking | Brukeren vil flytte, ellers hoppe over den nye plasseringen av videoen. dette attributtet satt som sant. |
| onstalled | Når nettleseren plutselig stopper for tilkobling av data, fungerer hendelsen. |
| onsuspend | Når nettleseren med vilje ikke får mediedata, fungerer hendelser. |
| ontimeupdate | Når en bruker endrer videospillposisjonen som fremover og bakover. |
| onvolumechange | Slik endrer du volumet lavt til høyt. |
| onwaiting | Hvis dataene laster inn informasjonen, stopper nåværende video med buffering så fungerer hendelsen. |
Konklusjon
Html-hendelser er en enkel måte å ta handling og grensesnitt mellom nettlesere og brukere. Brukere kan få reaksjonen fra enhver handling uanstrengt. For eksempel; klipp og kopier til utklippstavlen, flytt og klikk for mus, knapper for skjema. Hendelser lager webapplikasjoner i sanntid og lager smarte arbeidssystemer.
Anbefalte artikler
Dette er en guide til HTML-hendelser. Her diskuterer vi introduksjonen og typer HTML-hendelser som vinduer, form, tastatur og mange flere sammen med forklaringen av attributter i detalj. Du kan også se på følgende artikler for å lære mer-
- Grunnleggende HTML-tagger
- Fordeler med HTML
- HTML-format tagger
- HTML stilark
- HTML-blokker
- Topp 5 HTML-attributter med eksempler
- Angi en bakgrunnsfarge i HTML med eksempel
- Veiledning for forskjellige JavaScript-hendelser
- HTML-skjemavalidering | eksempler