Основи за работа со објектот Event во JavaScript

Во оваа лекција ќе ги научиме основите за работа со објектот Event. Овој објект содржи информации за настанатото событие. На пример, ако е направен клик на елемент, можеме да ги дознаеме координатите на тој клик, дали е притиснато копчето Ctrl, Alt или Shift во моментот на кликот и така натаму.

Да погледнеме како да го добиеме објектот Event. Да речеме дека имаме копче:

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

Нека при клик на ова копче се извршува одредена функција:

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

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

});

Внатре во поврзаната функција веќе постои објект Event - ние едноставно сеуште не знаеме како да го добиеме. Се добива на следниот начин: треба при декларирањето на нашата функција да и се пренесе како параметар која било променлива (обично, event - но името може да биде било кое) и во оваа променлива прелистувачот автоматски ќе го стави објектот Event:

javascriptelem.addEventListener('click', function(event) {
  console.log(event); // ќе го видиме објектот со событието
});