Sprememba stanja predmeta je znana kot an Dogodek . V html-u obstajajo različni dogodki, ki predstavljajo, da uporabnik ali brskalnik izvede neko dejavnost. Kdaj javascript koda je vključena v HTML, js se odzove na te dogodke in omogoči izvedbo. Ta proces odzivanja na dogodke se imenuje Obravnava dogodkov . Tako js obravnava dogodke HTML prek Obdelovalci dogodkov .
Na primer , ko uporabnik klikne nad brskalnikom, dodajte kodo js, ki bo izvršila nalogo, ki bo izvedena na dogodku.
pretvorba java niza v int
Nekateri dogodki HTML in njihovi obdelovalci dogodkov so:
Dogodki miške:
| Dogodek izveden | Obravnavalec dogodkov | Opis |
|---|---|---|
| kliknite | onclick | Ko z miško kliknete na element |
| miška | onmouseover | Ko kazalec miške preide nad element |
| mouseout | onmouseout | Ko kazalec miške zapusti element |
| mousedown | onmousedown | Ko tipko miške pritisnemo nad element |
| mouseup | onmouseup | Ko spustite miškino tipko nad elementom |
| mousemove | onmousemove | Ko pride do premikanja miške. |
Dogodki na tipkovnici:
| Dogodek izveden | Obravnavalec dogodkov | Opis |
|---|---|---|
| Keydown & Keyup | onkeydown & onkeyup | Ko uporabnik pritisne in nato spusti tipko |
Dogodki obrazca:
| Dogodek izveden | Obravnavalec dogodkov | Opis |
|---|---|---|
| fokus | onfocus | Ko se uporabnik osredotoči na element |
| predložiti | onsubmit | Ko uporabnik odda obrazec |
| zamegljenost | onblur | Ko je fokus stran od elementa oblike |
| sprememba | onchange | Ko uporabnik spremeni ali spremeni vrednost elementa obrazca |
Dogodki okna/dokumenta
| Dogodek izveden | Obravnavalec dogodkov | Opis |
|---|---|---|
| obremenitev | onload | Ko brskalnik konča nalaganje strani |
| raztovoriti | onunload | Ko obiskovalec zapusti trenutno spletno stran, jo brskalnik odstrani |
| spremenite velikost | onresize | Ko obiskovalec spremeni velikost okna brskalnika |
Oglejmo si nekaj primerov dogodkov in njihovih obdelovalcev.
Kliknite Dogodek
Javascript EventsPreizkusite zdaj
Dogodek MouseOver
<p onmouseover="mouseoverevent()"> Keep cursor over me</p>Preizkusite zdaj
Fokusni dogodek
Javascript Events <h2> Enter something here</h2>Preizkusite zdaj
Keydown dogodek
Javascript Events <h2> Enter something here</h2>Preizkusite zdaj
Naloži dogodek
Javascript Events <br>Preizkusite zdaj