Bazat e punës me objektin Event në JavaScript

Në këtë mësim do të mësojmë bazat e punës me objektin Event. Ky objekt përmban në vetvete informacion rreth ngjarjes që ka ndodhur. Për shembull, nëse është bërë një klikim në një element, ne mund të zbulojmë koordinatat e atij klikimi, a ishte shtypur tastiera Ctrl, Alt ose Shift në momentin e klikimit dhe kështu me radhë.

Le të shohim se si të marrim objektin Event. Le të themi se kemi një buton:

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

Le të themi se me një klikim në këtë buton ekzekutohet ndonjë funksion:

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

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

});

Brenda funksionit të lidhur tashmë ekziston objekti Event - thjesht ne ende nuk e dimë, si ta marrim atë. Përftohet në mënyrën në vijim: duhet të deklarojmë funksionin tonë dhe t'i kalojmë si parametër çdo ndryshore (zakonisht, event - por emri mund të jetë çdo) dhe në këtë ndryshore shfletuesi automatikisht do të vendosë objektin Event:

javascriptelem.addEventListener('click', function(event) {
  console.log(event); // do të shohim objektin me ngjarjen
});