Darba pamati ar Event objektu JavaScript
Šajā nodarbībā mēs apgūsim darba pamatus
ar objektu Event. Šis objekts satur
informāciju par notikušo notikumu.
Piemēram, ja uz elementa tika veikts klikšķis,
mēs varam uzzināt šī klikšķa koordinātas, vai
nospiesto taustiņu Ctrl, Alt
vai Shift klikšķa brīdī un tā tālāk.
Apskatīsim, kā iegūt objektu Event.
Pieņemsim, ka mums ir poga:
<button id="elem">text</button>
Pieņemsim, ka uzklikšķinot uz šīs pogas, tiek izpildīta kāda funkcija:
let elem = document.querySelector('#elem');
elem.addEventListener('click', function() {
});
Piesaistītās funkcijas iekšienē jau atrodas objekts
Event - mēs vienkārši vēl nezinām,
kā to iegūt. To iegūst šādi:
jāpadod mūsu funkcijas deklarēšanā
parametrā jebkurš mainīgais
(parasti event - bet nosaukums
var būt jebkurš) un šajā mainīgajā pārlūkprogramma
automātiski ievietos objektu Event:
elem.addEventListener('click', function(event) {
console.log(event); // redzēsim objektu ar notikumu
});
Patstāvīgi veiciet aprakstītās manipulācijas un izvadiet objektu ar notikumu konsolē. Izpētiet šī objekta struktūru.
