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 :
<button id="elem">text</button>
Supposons qu'un clic sur ce bouton exécute une certaine fonction :
let 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 :
elem.addEventListener('click', function(event) {
console.log(event); // nous verrons l'objet d'événement
});
Effectuez vous-même les manipulations décrites et affichez l'objet d'événement dans la console. Étudiez la structure de cet objet.
