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:

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

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

let 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:

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

Samostatne vykonajte popísané manipulácie a vypíšte objekt s udalosťou do konzoly. Preštudujte štruktúru tohto objektu.