Objektin tilan muutos tunnetaan nimellä an Tapahtuma . html:ssä on erilaisia tapahtumia, jotka osoittavat, että käyttäjä tai selain suorittaa jonkin toiminnon. Kun javascript koodi sisältyy HTML:ään, js reagoivat näihin tapahtumiin ja sallivat niiden suorittamisen. Tätä tapahtumiin reagointiprosessia kutsutaan Tapahtumankäsittely . Siten js käsittelee HTML-tapahtumat kautta Tapahtumanjärjestäjät .
Esimerkiksi , kun käyttäjä napsauttaa selaimen päällä, lisää js-koodi, joka suorittaa tapahtumalle suoritettavan tehtävän.
Jotkut HTML-tapahtumista ja niiden tapahtumakäsittelijöistä ovat:
Hiiritapahtumat:
| Tapahtuma suoritettu | Tapahtumakäsittelijä | Kuvaus |
|---|---|---|
| klikkaus | klikkaamalla | Kun hiirellä klikkaa elementtiä |
| hiiren osoitin | hiiren päällä | Kun hiiren osoitin tulee elementin päälle |
| hiiri pois | on hiiri ulos | Kun hiiren osoitin jättää elementin |
| hiiri alas | hiiri alas | Kun hiiren painiketta painetaan elementin päällä |
| hiiri | hiirellä | Kun hiiren painike vapautetaan elementin päällä |
| hiiren siirto | onmousemovessa | Kun hiiren liike tapahtuu. |
Näppäimistötapahtumat:
| Tapahtuma suoritettu | Tapahtumakäsittelijä | Kuvaus |
|---|---|---|
| Keydown & Keyup | onkeydown & onkeyup | Kun käyttäjä painaa ja vapauta näppäintä |
Lomaketapahtumat:
| Tapahtuma suoritettu | Tapahtumakäsittelijä | Kuvaus |
|---|---|---|
| keskittyä | keskittyä | Kun käyttäjä keskittyy elementtiin |
| Lähetä | lähetyksen yhteydessä | Kun käyttäjä lähettää lomakkeen |
| hämärtää | onblur | Kun painopiste on poissa lomakeelementistä |
| muuttaa | vaihdossa | Kun käyttäjä muuttaa tai muuttaa lomakeelementin arvoa |
Ikkuna/asiakirjatapahtumat
| Tapahtuma suoritettu | Tapahtumakäsittelijä | Kuvaus |
|---|---|---|
| ladata | lastina | Kun selain on ladannut sivun |
| purkaa | purkamisen yhteydessä | Kun vierailija poistuu nykyiseltä verkkosivulta, selain purkaa sen |
| muuttaa kokoa | muuta kokoa | Kun vierailija muuttaa selaimen ikkunan kokoa |
Pohditaanpa esimerkkejä tapahtumista ja niiden käsittelijöistä.
binäärihakupuu esimerkki
Napsauta Tapahtuma
Javascript EventsTestaa nyt
MouseOver-tapahtuma
<p onmouseover="mouseoverevent()"> Keep cursor over me</p>Testaa nyt
Focus Tapahtuma
Javascript Events <h2> Enter something here</h2>Testaa nyt
Keydown-tapahtuma
Javascript Events <h2> Enter something here</h2>Testaa nyt
Lataa tapahtuma
Javascript Events <br>Testaa nyt