Objekto būsenos pokytis yra žinomas kaip an Renginys . HTML yra įvairių įvykių, nurodančių, kad tam tikrą veiklą atlieka vartotojas arba naršyklė. Kada javascript kodas yra įtrauktas į HTML, js reaguoja į šiuos įvykius ir leidžia vykdyti. Šis reakcijos į įvykius procesas vadinamas Renginių tvarkymas . Taigi, js tvarko HTML įvykius per Renginių vedėjai .
Pavyzdžiui , kai vartotojas spustelėja naršyklę, pridėkite js kodą, kuris atliks įvykio užduotį.
Kai kurie HTML įvykiai ir jų įvykių tvarkyklės yra:
Pelės įvykiai:
| Renginys atliktas | Renginių vedėjas | apibūdinimas |
|---|---|---|
| spustelėkite | paspaudus | Kai pele spusteli elementą |
| užveskite pelės žymeklį | užveskite pelės žymeklį | Kai pelės žymeklis pakyla virš elemento |
| pele | ant pelės | Kai pelės žymeklis palieka elementą |
| pele žemyn | ant pelės žemyn | Kai pelės mygtukas paspaudžiamas virš elemento |
| pele | ant pelės | Kai atleidžiamas pelės mygtukas virš elemento |
| pelės judesys | onmousemove | Kai vyksta pelės judėjimas. |
Klaviatūros įvykiai:
| Renginys atliktas | Renginių vedėjas | apibūdinimas |
|---|---|---|
| Keydown & Keyup | onkeydown ir onkeyup | Kai vartotojas paspaudžia ir atleidžia klavišą |
Formos renginiai:
| Renginys atliktas | Renginių vedėjas | apibūdinimas |
|---|---|---|
| sutelkti dėmesį | fokusavimas | Kai vartotojas sutelkia dėmesį į elementą |
| Pateikti | pateikti | Kai vartotojas pateikia formą |
| suliejimas | onblur | Kai dėmesys nukreiptas nuo formos elemento |
| pakeisti | pakeitimas | Kai vartotojas modifikuoja arba pakeičia formos elemento reikšmę |
Lango / dokumento įvykiai
| Renginys atliktas | Renginių vedėjas | apibūdinimas |
|---|---|---|
| apkrova | įkėlimas | Kai naršyklė baigia įkelti puslapį |
| iškrauti | iškrovus | Kai lankytojas palieka dabartinį tinklalapį, naršyklė jį iškrauna |
| pakeisti dydį | pakeisti dydį | Kai lankytojas pakeičia naršyklės lango dydį |
Aptarkime keletą įvykių ir jų tvarkytojų pavyzdžių.
Spustelėkite Įvykis
Javascript EventsIšbandykite dabar
MouseOver renginys
<p onmouseover="mouseoverevent()"> Keep cursor over me</p>Išbandykite dabar
Fokuso įvykis
Javascript Events <h2> Enter something here</h2>Išbandykite dabar
Keydown įvykis
Javascript Events <h2> Enter something here</h2>Išbandykite dabar
Įkelti įvykį
Javascript Events <br>Išbandykite dabar