Základní události formuláře
Na které základní události formulář reaguje
Už jsme si dříve ukázali, jak může tlačítko nebo obrázek "čekat na kliknutí myši a pak něco udělat".
Zařídil to kód (např.)
document.querySelector("#foto").addEventListener("click", function() { ... });
když naší událostí bylo kliknutí myši - "click".
Pro práci s JS formuláři se nám (někdy lépe než "click") hodí následující události:
| Událost | Pro element(y) | Čeká se na: |
|---|---|---|
submit |
form |
stisknutí odesílacího tlačítka |
change |
políčka | změnu hodnoty políčka |
blur |
políčka |
opuštění políčka návštěvníkem (blur jako opak focus)
|
focus |
políčka | vstoupení návštěvníka do políčka |
Pokud budu chtít (např.) po každé změně políčka #vek spustit funkci vypocet(), zařídí to kód
document.querySelector("#vek").addEventListener("change", vypocet );Když si vzpomeneme na "JS trojici" element-událost-akce, není to vlastně nic nového.