question js

Salut
Je m'entraîne pendant les vacances en js pour "m'améliorer" et je rencontre un petit problème sur l'un de mes test.
En gros, j'ai une div qui, quand je passe dessus, prend la classe .hiden


let mydiv =document.querySelector(".step")
mydiv.addEventListener(
"mouseover", function(){
mydiv.classList.toggle("hidenn")
}

)


Tout fonctionne mais je voudrais que en sortant ma souris de la div, la classe se retire et du coup que ma div revienne à son état d'origine.

Je pensais utiliser une méthode qui semble bien dégeulasse (Faire un addEventListener sur le body qui stipule que quand je passe ma souris dessus (donc en gros ailleurs que sur la div) Cela retire la classe ajoutée préalablement sur ma div.)

Voilà, si vous avez des pistes, n'hésitez pas !

https://jsfiddle.net/urdadgey/470gj2uz/3/

Poster un commentaire
datgroseb
datgroseb
5 ans

Il y a un évènement pour quand le curseur quitte un élément:
jsfiddle.net/bxjufapn/1/
D'ailleurs il vaut mieux utiliser mouseenter que mouseover qui va être déclenché dès que le curseur bouge sur l'élément

lestercoraire

merci, effectivement c'est carrément plus pratique le mouseenter.

NSFW
Webcams adultes gratuites

[NSFW]Webcams adultes gratuites
go.xlirdr.com?campai - En direct

Choualbox
AccueilGroupes
Actifs