
Aktivní element v JavaScriptu
Jak zjistit element, který vyvolal JS událost.
Kromě přístupu, kdy se na jednotlivé elementy připojují události, existuje ještě jedna možnost. Události odchytávat na celém dokumentu a až následně zkoumat, který element událost vyvolal.
Zjistit takový element jde z objektu event.
Aktivní element se potom nachází v event.target nebo event.srcElement ve starších prohlížečích. Kromě toho je nutné sjednotit i práci se samotným eventem.
function akce(e, el) {
e = window.event || e;
var aktivni = (e.target || e.srcElement);
}
document.onclick = akce;
Využití
Občas může použití tohoto způsobu zpracovávání událostí usnadnit práci. Není potřeba připojovat obsluhu události pro jednotlivé elementy, ale naopak se až v připojené funkci rozhodne, že se má něco dělat.
Třeba při používání klávesových zkratek se tak snadno vytvoří výjimka pro formulářová pole.
Související články
JavaScript null a undefined
Rozdíly mezi null a undefined v JavaScriptu, kdy je používat a jak se vyhnout běžným chybám.
Sleep v JavaScriptu
Jak implementovat sleep/delay funkcionalitu v JavaScriptu pomocí Promise a async/await
JavaScript Battery API
Jak v JS zjistit stav baterie, co dnes funguje a kdy API nepoužívat.