Pagrindiniai darbo su Event objektu JavaScript principai

Šioje pamokoje mes išmoksime pagrindinius darbo su objektu Event principus. Šis objektas savyje turi informaciją apįvykusį įvykį. Pavyzdžiui, jei elementas buvo paspaustas, mes galime sužinoti to paspaudimo koordinates, ar buvo nuspausta klavišas Ctrl, Alt ar Shift paspaudimo metu ir taip toliau.

Pažiūrėkime, kaip gauti Event objektą. Tarkime, kad turime mygtuką:

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

Tarkime, kad paspaudus šį mygtuką vykdoma tam tikra funkcija:

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

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

});

Viduje pririštos funkcijos jau yra Event objektas - mes tiesiog kol kas nežinome, kaip jį gauti. Jis gaunamas tokiu būdu: reikia apibrėžiant mūsų funkciją perduoti į ją parametru bet kurį kintamąjį (dažniausiai event - bet pavadinimas gali būti bet koks) ir į šį kintamąjį naršyklė automatiškai sudės Event objektą:

elem.addEventListener('click', function(event) {
	console.log(event); // pamatysime objektą su įvykiu
});

Savarankiškai atlikite aprašytas manipuliacijas ir išveskite objektą su įvykiu į konsolę. Ištirkite šio objekto struktūrą.