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 EventsTest 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å