Bom Dom

Un.、BOM

Attention!： windowSuccessionEventTarget

2.、DOM

1、Surveillance des événements

2、Flux d'événements - Bulles d'événements / Capture d'événements



3、Propriétés et méthodes des objets de l'événement

const spanEL = document.querySelector(".span");

//  En rappelant cette fonction ,Sera transmiseventParamètres
spanEL.addEventListener("click", function (event) {
    
  console.log("spanCliqué", event);
  console.log("Type d'événement", event.type);
  //  Lorsque le clic se produit et que l'élément de traitement du clic est différent 
  console.log("Éléments de l'événement", event.target, event.currentTarget);
  console.log(" Où l'événement s'est produit ", event.offsetX, event.offsetY);
});

// Méthodes courantes
// preventDefault,  Empêcher le comportement par défaut 
const aEl = document.querySelector("a")
aEl.addEventListener("click", (event) => {
    
  event.preventDefault();
})

// stopPropagation , Capture d'événements bloquable