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:
<button id="elem">text</button>
Le të themi se me një klikim në këtë buton ekzekutohet ndonjë funksion:
let 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:
elem.addEventListener('click', function(event) {
console.log(event); // do të shohim objektin me ngjarjen
});
Bëni në mënyrë të pavarur manipulimet e përshkruara dhe shkruani objektin me ngjarjen në konsol. Studioni strukturën e këtij objekti.
