Fondamenti dell'oggetto Event in JavaScript
In questa lezione studieremo le basi dell'oggetto
Event. Questo oggetto contiene
informazioni sull'evento verificatosi.
Ad esempio, se è stato fatto un clic su un elemento,
possiamo conoscere le coordinate di quel clic, se
era premuto il tasto Ctrl, Alt
o Shift al momento del clic e così via.
Diamo un'occhiata a come ottenere l'oggetto Event.
Supponiamo di avere un pulsante:
<button id="elem">text</button>
Supponiamo che al clic su questo pulsante venga eseguita una determinata funzione:
let elem = document.querySelector('#elem');
elem.addEventListener('click', function() {
});
All'interno della funzione associata è già presente l'oggetto
Event - semplicemente non sappiamo ancora
come ottenerlo. Si ottiene nel modo seguente:
bisogna passare come parametro alla nostra funzione, durante la sua dichiarazione,
una variabile qualsiasi (di solito, event - ma il nome
può essere qualsiasi) e in questa variabile il browser
metterà automaticamente l'oggetto Event:
elem.addEventListener('click', function(event) {
console.log(event); // vedremo l'oggetto con l'evento
});
Eseguite autonomamente le manipolazioni descritte e visualizzate l'oggetto con l'evento nella console. Studiate la struttura di questo oggetto.
