Moderní tvorba webových aplikací

O webu

Aktivní element v JavaScriptu

Jak zjistit element, který vyvolal JS událost.

2 minuty

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;

Živá ukázka

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

Detekce otevření DevTools

Jak zjistit, že se na stránce otevřely vývojářské nástroje.

13 minut

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.

12 minut

Sleep v JavaScriptu

Jak implementovat sleep/delay funkcionalitu v JavaScriptu pomocí Promise a async/await

6 minut

JavaScript Battery API

Jak v JS zjistit stav baterie, co dnes funguje a kdy API nepoužívat.

3 minuty

Web jecas.cz píše Bohumil Jahoda, kontakt
Seznam všech článků
2013–2025