Optimisation des événements mouseover/mouseout avec event.type

Question

Bonjour ,
J'ai bien compris le concept de l'utilisation de l' eventlistener pour déclencher des événements sur les éléments de notre DOM.
Par contre avec l'exemple que vous nous avez donné j'ai trouvé une façon qui montre comment éviter la répétition qu'on fait sur le déclenchement de l'événement mouseout et mouseover : j'ai trouvé ça en utilisant la propriété type est ce que vous allez nous en parler de ces propriétés dans les prochains cours ?
// Création de fonction qui va gérer les deux comportemens selon le click de la souris
function handleMouseEvent(event) {
if (event.type === "mouseover") {
document.body.style.backgroundColor = "orange";
} else if (event.type === "mouseout") {
document.body.style.backgroundColor = "white";
}
}
// Association de la fonction aux événements
button.addEventListener("mouseover", handleMouseEvent);
button.addEventListener("mouseout", handleMouseEvent);

Louis-Nicolas Leuillet · Accepted Answer

Hello Slim
Oui nous parlerons des propriétés que vous avez utilisé :)
Bravo pour ce travail de recherche !

Optimisation des événements mouseover/mouseout avec event.type

Formation JavaScript (legacy)