Grunderna i att arbeta med Event-objektet i JavaScript
I den här lektionen kommer vi att lära oss grunderna i att arbeta
med Event-objektet. Detta objekt innehåller
information om den inträffade händelsen.
Till exempel, om ett element klickades på,
kan vi ta reda på koordinaterna för det klicket, om
tangenten Ctrl, Alt
eller Shift var nedtryckt vid tidpunkten för klicket och så vidare.
Låt oss se hur man får Event-objektet.
Låt oss säga att vi har en knapp:
<button id="elem">text</button>
Låt oss säga att när man klickar på denna knapp utförs en funktion:
let elem = document.querySelector('#elem');
elem.addEventListener('click', function() {
});
Inuti den bundna funktionen finns redan Event-objektet
- vi vet bara inte hur vi ska få tag på det än.
Det erhålls på följande
sätt: när vi deklarerar vår funktion måste vi
skicka in en parameter (vilken variabel som helst
(vanligtvis event - men namnet
kan vara vilket som helst) och i denna variabel kommer
webbläsaren automatiskt att placera Event-objektet:
elem.addEventListener('click', function(event) {
console.log(event); // kommer att se objektet med händelsen
});
Gör de beskrivna manipulationerna på egen hand och skriv ut objektet med händelsen till konsolen. Studera strukturen för detta objekt.
