logo

TechCodeview

JavaScript-hendelser

Endringen i tilstanden til et objekt er kjent som en Begivenhet . I html er det forskjellige hendelser som representerer at noen aktivitet utføres av brukeren eller av nettleseren. Når javascript koden er inkludert i HTML , js reagerer over disse hendelsene og tillater kjøring. Denne prosessen med å reagere på hendelsene kalles Begivenhetshåndtering . Dermed håndterer js HTML-hendelsene via Eventbehandlere .

For eksempel , når en bruker klikker over nettleseren, legg til js-kode, som vil utføre oppgaven som skal utføres på hendelsen.

Noen av HTML-hendelsene og deres hendelsesbehandlere er:

Musehendelser:

Arrangement utført Hendelsesbehandler Beskrivelse
klikk ved trykk Når museklikker på et element
mus over på musen over Når musepekeren kommer over elementet
museut onmouseout Når musepekeren forlater et element
musened onmousedown Når museknappen trykkes over elementet
museopp onmouseup Når museknappen slippes over elementet
musebevegelse onmousemove Når musebevegelsen finner sted.

Tastaturhendelser:

Arrangement utført Hendelsesbehandler Beskrivelse
Nedtasting og opptasting onkeydown & onkeyup Når brukeren trykker og slipper tasten

Form hendelser:

Arrangement utført Hendelsesbehandler Beskrivelse
fokus fokus Når brukeren fokuserer på et element
sende inn sende inn Når brukeren sender inn skjemaet
uklarhet onblur Når fokus er borte fra et formelement
endring ved endring Når brukeren endrer eller endrer verdien til et skjemaelement

Vindu/Dokumenthendelser

Arrangement utført Hendelsesbehandler Beskrivelse
laste på Last Når nettleseren fullfører innlastingen av siden
lesse på avlastning Når den besøkende forlater den gjeldende nettsiden, laster nettleseren den ut
endre størrelse endre størrelse Når den besøkende endrer størrelsen på vinduet i nettleseren

La oss diskutere noen eksempler på hendelser og deres behandlere.

Klikk på Hendelse

 Javascript Events
Test det nå

MouseOver-hendelse

 <p onmouseover="mouseoverevent()"> Keep cursor over me</p>
Test det nå

Fokus hendelse

 Javascript Events <h2> Enter something here</h2>
Test det nå

Keydown-hendelse

 Javascript Events <h2> Enter something here</h2>
Test det nå

Last inn hendelse

 Javascript Events <br>
Test det nå