Základy práce s objektom Event v JavaScripte

V tejto lekcii si preštudujeme základy práce s objektom Event. Tento objekt obsahuje informácie o udalosti, ktorá sa stala. Napríklad, ak bol na element kliknutý, môžeme zistiť súradnice tohto kliknutia, či bola stlačená klávesa Ctrl, Alt alebo Shift v čase kliknutia a tak ďalej.

Pozrime sa, ako získať objekt Event. Majme tlačidlo:

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

Nech sa pri kliknutí na toto tlačidlo vykoná nejaká funkcia:

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

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

});

Vo viazanej funkcii už je objekt Event - len ešte nevieme, ako ho získať. Získa sa nasledovným spôsobom: pri deklarácii našej funkcie je potrebné do nej odovzdať parameter ľubovoľnú premennú (zvyčajne event - ale názov môže byť akýkoľvek) a do tejto premennej prehliadač automaticky vloží objekt Event:

javascriptelem.addEventListener('click', function(event) {
  console.log(event); // uvidíme objekt s udalosťou
});