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:

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

Laat ons sê by 'n klik op hierdie knoppie word 'n sekere funksie uitgevoer:

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

javascriptelem.addEventListener('click', function(event) {
  console.log(event); // sal die objek met die gebeurtenis sien
});