logo

Udalosti JavaScript

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 Events 
Vyskúš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