Основы рада са објектом Event у JavaScript-у

У овом лекцији ћемо проучити основе рада са објектом Event. Овај објекат садржи информације о десившем догађају. На пример, ако је на елементу извршен клик, можемо да сазнамо координате тог клика, да ли је притиснута тастер Ctrl, Alt или Shift у тренутку клика и тако даље.

Хајде да погледамо како да добијемо објекат Event. Претпоставимо да имамо дугме:

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

Претпоставимо да се при клику на ово дугме извршава нека функција:

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

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

});

Унутар везане функције већ постоји објекат Event - ми једноставно још увек не знамо како да га добијемо. Добија се на следећи начин: потребно је при декларацији наше функције да јој се проследи као параметар било која променљива (углавном се користи event - али назив може бити било који) и у ту променљиву претраживач ће аутоматски сместити објекат Event:

elem.addEventListener('click', function(event) {
	console.log(event); // видећемо објекат са догађајем
});

Самостално изведите описане манипулације и испишите објекат са догађајем у конзолу. Проучите структуру тог објекта.