Grundlæggende arbejde med Event-objektet i JavaScript

I denne lektion vil vi studere grundlæggende arbejde med objektet Event. Dette objekt indeholder information om den hændelse, der er fundet sted. For eksempel, hvis der blev klikket på et element, kan vi finde ud af koordinaterne for dette klik, om tasten Ctrl, Alt eller Shift blev trykket ned på klikketidspunktet og så videre.

Lad os se på, hvordan man får objektet Event. Lad os sige, at vi har en knap:

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

Lad os sige, at der udføres en funktion, når der klikkes på denne knap:

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

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

});

Inde i den tilknyttede funktion er objektet Event allerede til stede - vi ved bare ikke endnu, hvordan man får det. Det opnås på følgende måde: når vi erklærer vores funktion, skal vi sende enhver variabel til den som parameter (som regel event - men navnet kan være hvad som helst) og i denne variabel vil browseren automatisk lægge objektet Event:

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

Udfør selv de beskrevne manipulationer og udskriv objektet med hændelsen i konsollen. Studer strukturen af dette objekt.