Osnove rada sa Event objektom u JavaScript-u

U ovoj lekciji ćemo proučiti osnove rada sa objektom Event. Ovaj objekat sadrži informacije o događaju koji se desio. Na primer, ako je na element kliknuto, možemo saznati koordinate tog klika, da li je taster Ctrl, Alt ili Shift bio pritisnut u trenutku klika i tako dalje.

Pogledajmo kako da dobijemo objekat Event. Neka imamo dugme:

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

Neka se pri kliku na ovo dugme izvrši određena funkcija:

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

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

});

Unutar vezane funkcije već postoji objekat Event - samo mi još uvek ne znamo, kako da ga dobijemo. Dobija se na sledeći način: potrebno je pri deklaraciji naše funkcije proslediti u nju bilo koju promenljivu kao parametar (obično je to event - ali naziv može biti bilo koji) i u tu promenljivu brauzer će automatski smestiti objekat Event:

javascriptelem.addEventListener('click', function(event) {
  console.log(event); // videćemo objekat sa događajem
});