Zmena stavu objektu je známa ako Udalosť . V html existujú rôzne udalosti, ktoré predstavujú, že nejakú činnosť vykonáva používateľ alebo prehliadač. Kedy javascript kód je zahrnutý v HTML, js reagujú na tieto udalosti a umožňujú vykonanie. Tento proces reakcie na udalosti sa nazýva Spracovanie udalostí . js teda spracováva udalosti HTML cez Správcovia udalostí .
Napríklad , keď používateľ klikne na prehliadač, pridá kód js, ktorý vykoná úlohu, ktorá sa má v udalosti vykonať.
sieť a internet
Niektoré z HTML udalostí a ich obsluhy udalostí sú:
Udalosti myši:
Udalosť vykonaná | Obslužný program udalostí | Popis |
---|---|---|
kliknite | po kliknutí | Pri kliknutí myšou na prvok |
prejdenie myšou | onmouseover | Keď sa kurzor myši dostane na prvok |
mouseout | onmouseout | Keď kurzor myši opustí prvok |
myšou | onmousedown | Keď je tlačidlo myši stlačené nad prvkom |
mouseup | onmouseup | Po uvoľnení tlačidla myši nad prvkom |
pohyb myšou | onmousemove | Keď dôjde k pohybu myši. |
Udalosti klávesnice:
Udalosť vykonaná | Obslužný program udalostí | Popis |
---|---|---|
Keydown & Keyup | onkeydown & onkeyup | Keď používateľ stlačí a potom uvoľní kláves |
Udalosti formulára:
Udalosť vykonaná | Obslužný program udalostí | Popis |
---|---|---|
zameranie | zameranie | Keď sa používateľ zameria na prvok |
Predložiť | onsubmit | Keď používateľ odošle formulár |
rozmazať | onblur | Keď je zameranie mimo prvku formulára |
zmeniť | pri zmene | Keď používateľ upraví alebo zmení hodnotu prvku formulára |
Udalosti okna/dokumentu
Udalosť vykonaná | Obslužný program udalostí | Popis |
---|---|---|
naložiť | načítať | Keď prehliadač dokončí načítanie stránky |
vyložiť | vyložiť | Keď návštevník opustí aktuálnu webovú stránku, prehliadač ju uvoľní |
zmeniť veľkosť | onresize | Keď návštevník zmení veľkosť okna prehliadača |
Poďme diskutovať o niekoľkých príkladoch udalostí a ich obsluhy.
relačná algebra v rdbms
Kliknite na Udalosť
Javascript EventsVyskúšajte to
Udalosť MouseOver
<p onmouseover="mouseoverevent()"> Keep cursor over me</p>Vyskúšajte to
Zamerať udalosť
Javascript Events <h2> Enter something here</h2>Vyskúšajte to
Keydown Event
Javascript Events <h2> Enter something here</h2>Vyskúšajte to
Načítať udalosť
Javascript Events <br>Vyskúšajte to