Události JavaScriptu
Události HTML jsou „věci“ , které se dějí s prvky HTML.
Když je na stránkách HTML použit JavaScript, může JavaScript na tyto události „reagovat“ .
HTML události
Událostí HTML může být něco, co dělá prohlížeč, nebo něco, co dělá uživatel.
Zde je několik příkladů událostí HTML:
- Načítání webové stránky HTML bylo dokončeno
- Vstupní pole HTML bylo změněno
- Bylo kliknuto na tlačítko HTML
Často, když se něco stane, možná budete chtít něco udělat.
JavaScript vám umožňuje spustit kód, když jsou detekovány události.
HTML umožňuje přidávání atributů obsluhy událostí s kódem JavaScript do prvků HTML.
S jednoduchými uvozovkami:
<element
event='some JavaScript'>
S dvojitými uvozovkami:
<element
event="some JavaScript">
V následujícím příkladu je k prvku onclickpřidán atribut (s kódem)
:<button>
Příklad
<button onclick="document.getElementById('demo').innerHTML = Date()">The time is?</button>
Ve výše uvedeném příkladu kód JavaScript změní obsah prvku pomocí id="demo".
V dalším příkladu kód změní obsah svého vlastního prvku (pomocí this.innerHTML):
Příklad
<button onclick="this.innerHTML = Date()">The time is?</button>
Kód JavaScript je často dlouhý několik řádků. Je běžnější vidět, že atributy událostí volají funkce:
Příklad
<button onclick="displayDate()">The time is?</button>
Běžné HTML události
Zde je seznam některých běžných událostí HTML:
| událost | Popis |
|---|---|
| při změně | Element HTML byl změněn |
| při kliknutí | Uživatel klikne na prvek HTML |
| onmouseover | Uživatel najede myší na prvek HTML |
| onmouseout | Uživatel přesune myš pryč od prvku HTML |
| onkeydown | Uživatel stiskne klávesu na klávesnici |
| načíst | Prohlížeč dokončil načítání stránky |
Seznam je mnohem delší: W3Schools JavaScript Reference HTML DOM Events .
Obslužné rutiny událostí JavaScriptu
Obslužné rutiny událostí lze použít ke zpracování a ověřování uživatelského vstupu, uživatelských akcí a akcí prohlížeče:
- Věci, které je třeba udělat při každém načtení stránky
- Věci, které je třeba udělat, když je stránka zavřená
- Akce, která by měla být provedena, když uživatel klikne na tlačítko
- Obsah, který by měl být ověřen, když uživatel zadá data
- A více ...
K tomu, aby JavaScript pracoval s událostmi, lze použít mnoho různých metod:
- Atributy události HTML mohou přímo spouštět kód JavaScript
- Atributy události HTML mohou volat funkce JavaScriptu
- Elementům HTML můžete přiřadit vlastní funkce obsluhy události
- Můžete zabránit odesílání nebo zpracování událostí
- A více ...
V kapitolách HTML DOM se dozvíte mnohem více o událostech a obslužných rutinách událostí.