Osnove dela z objektom Event v JavaScriptu

V tej lekciji bomo preučili osnove dela z objektom Event. Ta objekt vsebuje informacije o dogodku, ki se je zgodil. Na primer, če je bil element kliknjen, lahko ugotovimo koordinate tega klika, ali so bile v času klika pritisnjene tipke Ctrl, Alt ali Shift in tako naprej.

Poglejmo, kako pridobiti objekt Event. Recimo, da imamo gumb:

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

Recimo, da ob kliku na ta gumb izvedemo določeno funkcijo:

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

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

});

Znotraj pripeti funkcije že obstaja objekt Event - samo še ne vemo, kako ga pridobiti. Dobimo ga na naslednji način: pri deklaraciji naše funkcije ji moramo posredovati katero koli spremenljivko (kot parameter - po navadi event - vendar ime je lahko katero koli) in v to spremenljivko brskalnik avtomatsko postavi objekt Event:

elem.addEventListener('click', function(event) {
	console.log(event); // videli bomo objekt z dogodkom
});

Samostojno ponovite opisane manipulacije in izpišite objekt z dogodkom v konzolo. Preučite strukturo tega objekta.