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 EventsOtestujte 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