Grondbeginsels van die werk met die Event-objek in JavaScript
In hierdie les sal ons die grondbeginsels van die werk
met die objek Event bestudeer. Hierdie objek bevat
inligting oor die gebeurtenis wat plaasgevind het.
Byvoorbeeld, as daar op 'n element geklik is,
kan ons die koördinate van daardie klik uitvind,
of die Ctrl-, Alt-
of Shift-sleutel
tydens die klik gedruk was, en so meer.
Kom ons kyk hoe om die objek Event te kry.
Laat ons sê ons het 'n knoppie:
<button id="elem">teks</button>
Laat ons sê by 'n klik op hierdie knoppie word 'n sekere funksie uitgevoer:
let elem = document.querySelector('#elem');
elem.addEventListener('click', function() {
});
Binne die gekoppelde funksie is die objek
Event reeds aanwesig - ons weet net nog nie
hoe om dit te kry nie. Dit word op die volgende
manier verkry: by die verklaring van ons funksie
moet ons 'n veranderlike as parameter daaraan gee
(gewoonlik event - maar die naam
kan enigiets wees) en in hierdie veranderlike sal die
blaaier outomaties die objek Event plaas:
elem.addEventListener('click', function(event) {
console.log(event); // sal die objek met die gebeurtenis sien
});
Doen die beskryfde manipulasies selfstandig en vertoon die objek met die gebeurtenis in die konsole. Bestudeer die struktuur van hierdie objek.
