Bases du travail avec l'objet Event en JavaScript

Dans cette leçon, nous étudierons les bases du travail avec l'objet Event. Cet objet contient des informations sur l'événement qui s'est produit. Par exemple, si un clic a été effectué sur un élément, nous pouvons connaître les coordonnées de ce clic, si une touche Ctrl, Alt ou Shift était enfoncée au moment du clic, et ainsi de suite.

Voyons comment obtenir l'objet Event. Supposons que nous ayons un bouton :

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

Supposons qu'un clic sur ce bouton exécute une certaine fonction :

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

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

});

À l'intérieur de la fonction liée, l'objet Event est déjà présent - nous ne savons simplement pas encore comment l'obtenir. Il s'obtient de la manière suivante : il faut, lors de la déclaration de notre fonction, lui passer en paramètre n'importe quelle variable (généralement, event - mais le nom peut être quelconque) et le navigateur placera automatiquement l'objet Event dans cette variable :

javascriptelem.addEventListener('click', function(event) {
  console.log(event); // nous verrons l'objet d'événement
});