Az Event objektum alapjai JavaScriptben
Ebben a leckében az alapvető használatát tanuljuk meg
a Event objektumnak. Ez az objektum tartalmazza
a bekövetkezett eseményre vonatkozó információkat.
Például, ha egy elemre kattintanak,
megtudhatjuk a kattintás koordinátáit, hogy
lenyomva volt-e a Ctrl, Alt
vagy Shift billentyű a kattintás pillanatában, és így tovább.
Nézzük meg, hogyan kaphatjuk meg a Event objektumot.
Tegyük fel, hogy van egy gombunk:
<button id="elem">text</button>
Tegyük fel, hogy ennek a gombnak a kattintásakor végrehajtódik valamilyen függvény:
let elem = document.querySelector('#elem');
elem.addEventListener('click', function() {
});
A hozzárendelt függvényen belül már ott van az
Event objektum - csak még nem tudjuk,
hogyan szerezhetjük meg. A következő módon
kaphatjuk meg: a függvényünk deklarálásakor
át kell adnunk neki paraméterként bármilyen változót
(általában event - de a név lehet bármilyen)
és ebbe a változóba a böngésző automatikusan
belehelyezi az Event objektumot:
elem.addEventListener('click', function(event) {
console.log(event); // látni fogjuk az esemény objektumot
});
Végezd el önállóan az leírt manipulációkat és írasd ki az esemény objektumot a konzolra. Tanulmányozd ennek az objektumnak a szerkezetét.
