Ændringen i et objekts tilstand er kendt som en Begivenhed . I html er der forskellige begivenheder, som repræsenterer, at en eller anden aktivitet udføres af brugeren eller af browseren. Hvornår javascript kode er inkluderet i HTML , js reagerer over disse hændelser og tillader udførelsen. Denne proces med at reagere på begivenhederne kaldes Begivenhedshåndtering . Således håndterer js HTML-begivenhederne via Event Håndtere .
For eksempel , når en bruger klikker over browseren, tilføj js-kode, som vil udføre den opgave, der skal udføres på begivenheden.
Nogle af HTML-begivenhederne og deres hændelseshandlere er:
Musebegivenheder:
| Begivenhed udført | Event Handler | Beskrivelse |
|---|---|---|
| klik | onclick | Når musen klikker på et element |
| mus over | over musen | Når musemarkøren kommer hen over elementet |
| museud | onmouseout | Når musemarkøren forlader et element |
| musen ned | onmousedown | Når museknappen trykkes over elementet |
| mouseup | onmouseup | Når museknappen slippes over elementet |
| musebevægelse | onmousemove | Når musebevægelsen finder sted. |
Tastaturbegivenheder:
| Begivenhed udført | Event Handler | Beskrivelse |
|---|---|---|
| Keydown & Keyup | onkeydown & onkeyup | Når brugeren trykker på og derefter slipper tasten |
Form begivenheder:
| Begivenhed udført | Event Handler | Beskrivelse |
|---|---|---|
| fokus | fokus | Når brugeren fokuserer på et element |
| Indsend | indsende | Når brugeren indsender formularen |
| sløring | onblur | Når fokus er væk fra et formelement |
| lave om | ved ændring | Når brugeren ændrer eller ændrer værdien af et formularelement |
Vindue/Dokument begivenheder
| Begivenhed udført | Event Handler | Beskrivelse |
|---|---|---|
| belastning | påfyldning | Når browseren er færdig med at indlæse siden |
| losse | ved aflæsning | Når den besøgende forlader den aktuelle webside, aflæser browseren den |
| ændre størrelse | ændre størrelse | Når den besøgende ændrer størrelsen på vinduet i browseren |
Lad os diskutere nogle eksempler på begivenheder og deres behandlere.
Klik på Begivenhed
Javascript EventsTest det nu
MouseOver begivenhed
<p onmouseover="mouseoverevent()"> Keep cursor over me</p>Test det nu
Fokus begivenhed
Javascript Events <h2> Enter something here</h2>Test det nu
Keydown begivenhed
Javascript Events <h2> Enter something here</h2>Test det nu
Indlæs hændelse
Javascript Events <br>Test det nu