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:

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

Tegyük fel, hogy ennek a gombnak a kattintásakor végrehajtódik valamilyen függvény:

javascriptlet 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:

javascriptelem.addEventListener('click', function(event) {
  console.log(event); // látni fogjuk az esemény objektumot
});