90. L'objet Event

Lorsqu'un événement se produit, le navigateur crée un Objet Event et le passe en premier argument à la fonction de gestion. Cet objet contient des informations cruciales sur l'événement qui vient de se produire.

Accéder à l'objet Event

Nous nommons généralement l'objet event e ou event.

javascript const input = document.getElementById('user-input');

input.addEventListener('keydown', (e) => { // Le 'e' ici est l'objet event console.log('Touche pressée :', e.key); // Quelle touche a été pressée (ex : 'A', 'Enter') console.log('Élément cible :', e.target); // L'élément qui a déclenché l'événement });

Méthodes clés de l'objet Event

1. e.preventDefault() : Arrête le comportement par défaut du navigateur pour un événement spécifique (ex : empêcher la soumission d'un formulaire lors de la validation d'une saisie, ou empêcher un lien de naviguer).
2. e.stopPropagation() : Empêche l'événement de remonter vers les éléments parents (sujet avancé : Propagation d'événement).