Základy práce s objektem Event v JavaScriptu

V této lekci se naučíme základy práce s objektem Event. Tento objekt obsahuje informace o události, která nastala. Například, pokud byl na element kliknuto, můžeme zjistit souřadnice tohoto kliknutí, zda byla stisknuta klávesa Ctrl, Alt nebo Shift v okamžiku kliknutí a tak dále.

Podívejme se, jak získat objekt Event. Předpokládejme, že máme tlačítko:

html<button id="elem">text</button>

Předpokládejme, že po kliknutí na toto tlačítko se provede určitá funkce:

javascriptlet elem = document.querySelector('#elem');

elem.addEventListener('click', function() {

});

Uvnitř navázané funkce již je objekt Event - my jen zatím nevíme, jak jej získat. Získá se následujícím způsobem: je třeba při deklaraci naší funkce do ní předat jako parametr libovolnou proměnnou (obvykle event - ale název může být libovolný) a do této proměnné prohlížeč automaticky vloží objekt Event:

javascriptelem.addEventListener('click', function(event) {
  console.log(event); // uvidíme objekt s událostí
});