logo

Události JavaScriptu

Změna stavu objektu je známá jako an událost . V html existují různé události, které představují, že nějakou činnost provádí uživatel nebo prohlížeč. Když javascript kód je součástí HTML, js na tyto události reagují a umožňují provedení. Tento proces reakce na události se nazývá Zpracování událostí . js tedy zpracovává události HTML prostřednictvím Obsluha událostí .

Například , když uživatel klikne na prohlížeč, přidá kód js, který provede úlohu, která se má v události provést.

Některé z HTML událostí a jejich obsluhy událostí jsou:

Události myši:

Událost provedena Obsluha události Popis
klikněte při kliknutí Při kliknutí myší na prvek
přejet myší onmouseover Když kurzor myši najede na prvek
mouseout onmouseout Když kurzor myši opustí prvek
pohyb myši onmousedown Při stisknutí tlačítka myši nad prvkem
mouseup onmouseup Po uvolnění tlačítka myši nad prvkem
pohyb myši onmousemove Když dojde k pohybu myši.

Události klávesnice:

Událost provedena Obsluha události Popis
Keydown & Keyup onkeydown & onkeyup Když uživatel stiskne a poté uvolní klávesu

Události formuláře:

Událost provedena Obsluha události Popis
soustředit se soustředění Když se uživatel zaměří na prvek
Předložit onsubmit Když uživatel odešle formulář
rozmazat onblur Když je fokus mimo prvek formuláře
změna při změně Když uživatel upraví nebo změní hodnotu prvku formuláře

Události okna/dokumentu

Událost provedena Obsluha události Popis
zatížení načíst Když prohlížeč dokončí načítání stránky
vyložit vyložit Když návštěvník opustí aktuální webovou stránku, prohlížeč ji uvolní
změnit velikost onresize Když návštěvník změní velikost okna prohlížeče

Pojďme diskutovat o několika příkladech událostí a jejich ovladačů.

Klikněte na Událost

 Javascript Events 
Otestujte to hned

Událost MouseOver

 <p onmouseover="mouseoverevent()"> Keep cursor over me</p> 
Otestujte to hned

Zaměření události

 Javascript Events <h2> Enter something here</h2> 
Otestujte to hned

Keydown událost

 Javascript Events <h2> Enter something here</h2> 
Otestujte to hned

Načíst událost

 Javascript Events <br> 
Otestujte to hned