Bazele lucrului cu obiectul Event în JavaScript

În această lecție vom studia bazele lucrului cu obiectul Event. Acest obiect conține informații despre evenimentul care a avut loc. de exemplu, dacă s-a făcut click pe un element, putem afla coordonatele acelui click, dacă a fost apăsată tasta Ctrl, Alt sau Shift în momentul click-ului și așa mai departe.

Să vedem cum putem obține obiectul Event. Să presupunem că avem un buton:

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

Să presupunem că la click pe acest buton se execută o anumită funcție:

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

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

});

În interiorul funcției atașate există deja obiectul Event - doar că încă nu știm cum să-l obținem. Se obține în felul următor: trebuie la declararea funcției noastre să-i transmitem ca parametru orice variabilă (de obicei, event - dar denumirea poate fi oricare) și în această variabilă browser-ul va pune automat obiectul Event:

javascriptelem.addEventListener('click', function(event) {
  console.log(event); // vom vedea obiectul cu evenimentul
});