Grunnleggende arbeid med Event-objektet i JavaScript

I denne leksjonen vil vi studere grunnleggende arbeid med objektet Event. Dette objektet inneholder informasjon om den hendelsen som har skjedd. For eksempel, hvis det ble klikket på et element, kan vi finne ut koordinatene til dette klikket, om tasten Ctrl, Alt eller Shift ble trykket ned i øyeblikket for klikket og så videre.

La oss se på hvordan vi kan få tak i objektet Event. La oss si at vi har en knapp:

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

La oss si at ved klikk på denne knappen utføres en funksjon:

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

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

});

Inne i den tilknyttede funksjonen finnes allerede objektet Event - vi vet bare ikke ennå hvordan vi får tak i det. Det oppnås på følgende måte: når vi deklarerer funksjonen vår, må vi sende inn en parameter (en hvilken som helst variabel) (vanligvis event - men navnet kan være hva som helst) og i denne variabelen vil nettleseren automatisk plassere Event-objektet:

elem.addEventListener('click', function(event) {
	console.log(event); // vil se objektet med hendelsen
});

Gjør de beskrevne manipulasjonene selv og skriv ut objektet med hendelsen i konsollen. Studer strukturen til dette objektet.