Objekta stāvokļa izmaiņas ir pazīstamas kā an Pasākums . HTML ir dažādi notikumi, kas norāda, ka kādu darbību veic lietotājs vai pārlūkprogramma. Kad javascript kods ir iekļauts HTML, js reaģē uz šiem notikumiem un ļauj izpildīt. Šo reakcijas procesu uz notikumiem sauc Pasākumu apstrāde . Tādējādi js apstrādā HTML notikumus, izmantojot Pasākumu rīkotāji .
Piemēram , kad lietotājs noklikšķina uz pārlūkprogrammas, pievienojiet js kodu, kas izpildīs notikumā veicamo uzdevumu.
Daži no HTML notikumiem un to notikumu apstrādātāji ir:
java burbuļu šķirošana
Peles notikumi:
| Pasākums veikts | Pasākumu apstrādātājs | Apraksts |
|---|---|---|
| klikšķis | onclick | Kad peles klikšķis uz elementa |
| kursoru | uzvediet peles kursoru | Kad peles kursors nonāk virs elementa |
| peles izslēgšana | onmouseout | Kad peles kursors atstāj elementu |
| peles leju | uz leju | Kad peles poga tiek nospiesta virs elementa |
| peles augšdaļa | uz peles | Kad peles poga tiek atlaista virs elementa |
| peli pārvietot | onmousemove | Kad notiek peles kustība. |
Tastatūras pasākumi:
| Pasākums veikts | Pasākumu apstrādātājs | Apraksts |
|---|---|---|
| Keydown & Keyup | onkeydown & onkeyup | Kad lietotājs nospiež un pēc tam atlaiž taustiņu |
Veidlapas pasākumi:
| Pasākums veikts | Pasākumu apstrādātājs | Apraksts |
|---|---|---|
| fokuss | fokuss | Kad lietotājs koncentrējas uz elementu |
| Iesniegt | pēc iesniegšanas | Kad lietotājs iesniedz veidlapu |
| aizmiglot | onblur | Kad fokuss ir prom no formas elementa |
| mainīt | maiņa | Kad lietotājs maina vai maina formas elementa vērtību |
Logu/dokumentu notikumi
| Pasākums veikts | Pasākumu apstrādātājs | Apraksts |
|---|---|---|
| slodze | ielāde | Kad pārlūkprogramma pabeidz lapas ielādi |
| izkraut | izlādējot | Kad apmeklētājs atstāj pašreizējo tīmekļa lapu, pārlūkprogramma to izlādē |
| mainīt izmērus | mainīt izmērus | Kad apmeklētājs maina pārlūkprogrammas loga izmēru |
Apspriedīsim dažus notikumus un to apstrādātājus.
Noklikšķiniet uz Notikums
Javascript EventsIzmēģiniet to tūlīt
Notikums MouseOver
<p onmouseover="mouseoverevent()"> Keep cursor over me</p>Izmēģiniet to tūlīt
Fokusa pasākums
Javascript Events <h2> Enter something here</h2>Izmēģiniet to tūlīt
Keydown notikums
Javascript Events <h2> Enter something here</h2>Izmēģiniet to tūlīt
Ielādēt notikumu
Javascript Events <br>Izmēģiniet to tūlīt