Promjena stanja objekta poznata je kao an Događaj . U html-u postoje različiti događaji koji predstavljaju da je neku aktivnost izvršio korisnik ili preglednik. Kada javascript kod je uključen u HTML, js reagira na te događaje i dopušta izvršenje. Ovaj proces reagiranja na događaje naziva se Rukovanje događajima . Dakle, js obrađuje HTML događaje putem Rukovatelji događajima .
lisica ili vuk
Na primjer , kada korisnik klikne preko preglednika, dodajte js kod, koji će izvršiti zadatak koji će se izvršiti na događaju.
Neki od HTML događaja i njihovih rukovatelja događajima su:
Događaji miša:
| Događaj izveden | Rukovatelj događajima | Opis |
|---|---|---|
| klik | na klik | Kada mišem kliknete na element |
| prelazak mišem | prelazak mišem | Kada kursor miša dođe preko elementa |
| izlaz miša | onmouseout | Kada kursor miša napusti element |
| mousedown | onmousedown | Kada se tipka miša pritisne preko elementa |
| miš gore | onmouseup | Kada se tipka miša pusti preko elementa |
| pomicanje miša | onmousemove | Kada dođe do kretanja miša. |
Događaji na tipkovnici:
| Događaj izveden | Rukovatelj događajima | Opis |
|---|---|---|
| Keydown & Keyup | onkeydown & onkeyup | Kada korisnik pritisne i zatim otpusti tipku |
Formirajte događaje:
| Događaj izveden | Rukovatelj događajima | Opis |
|---|---|---|
| usredotočenost | u fokusu | Kada se korisnik fokusira na element |
| podnijeti | onsubmit | Kada korisnik podnese obrazac |
| zamutiti | onblur | Kada je fokus udaljen od elementa forme |
| promijeniti | onchange | Kada korisnik modificira ili promijeni vrijednost elementa obrasca |
Događaji prozora/dokumenta
| Događaj izveden | Rukovatelj događajima | Opis |
|---|---|---|
| opterećenje | onload | Kada preglednik završi s učitavanjem stranice |
| istovariti | onistovariti | Kada posjetitelj napusti trenutnu web stranicu, preglednik je učitava |
| promijeniti veličinu | onresize | Kada posjetitelj promijeni veličinu prozora preglednika |
Razmotrimo neke primjere događaja i njihovih rukovatelja.
Pritisnite Događaj
Javascript EventsTestirajte sada
Događaj MouseOver
<p onmouseover="mouseoverevent()"> Keep cursor over me</p>Testirajte sada
Fokus na događaj
Javascript Events <h2> Enter something here</h2>Testirajte sada
Događaj spuštanja tipke
Javascript Events <h2> Enter something here</h2>Testirajte sada
Događaj učitavanja
Javascript Events <br>Testirajte sada