Aktivní element v JavaScriptu

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.

To je všechno. Líbil se vám článek a chcete se dozvědět, až vyjde další?

Sledujte:

 

Připomínky mi pište do komentářů ↓

Upozornění před opuštěním stránky

Upozornění před zavřením stránky

Javascriptová událost onbeforeunload umožňuje pozastavit uzavření/obnovení stránky.

JavaScriptové události myši

JavaScriptové události myši

Popis všech možných událostí, které lze v JavaScriptu vyvolat myší. Návod, jak je odchytávat a blokovat.

Rychlé kliknutí a vyvolání události

Rychlé kliknutí a vyvolání události

Jak zajistit, aby ovládací prvky uživatelského rozhraní reagovaly správně i na rychlé kliknutí.

Připojování událostí v JS

Navázání událostí v JavaScriptu

Jaké existují postupy pro navěšení JavaScriptové události na element. Výhody a nevýhody různých řešení.

Událost oninput

JS událost oninput

JavaScriptová událost oninput zachytí práci s formulářovými políčky.

Komentáře