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:

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

Supponiamo che al clic su questo pulsante venga eseguita una determinata funzione:

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

javascriptelem.addEventListener('click', function(event) {
  console.log(event); // vedremo l'oggetto con l'evento
});