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:
<button id="elem">text</button>
Să presupunem că la click pe acest buton se execută o anumită funcție:
let 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:
elem.addEventListener('click', function(event) {
console.log(event); // vom vedea obiectul cu evenimentul
});
Faceți singuri manipulările descrise și afișați obiectul cu evenimentul în consolă. Studiați structura acestui obiect.
