JS : Effectuer une action si une condition n'est plus remplie

Fermé
basilegrnd - 26 mai 2021 à 21:26
jordane45 Messages postés 38175 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 13 mai 2024 - 26 mai 2021 à 21:29
Salut,
J'ai fait un script pour avoir un curseur personnalisé (je sais que j'aurais pu utiliser "cursor" en CSS, mais ce n'est pas animé et pixelisé).
J'aimerais que quand l'élément "mouseover" ne soit plus respecté, on enlève "expand", donc
cursor.classList.remove('expand');


En attendant j'ai fait en sorte que ça redevienne normal au bout de 2 secondes, mais bon c'est pas foufou on va dire


const cursor = document.querySelector('.cursor');

document.addEventListener('mousemove', e => {
cursor.setAttribute('style', 'top:'+(e.pageY - 10)+"px; left:"+(e.pageX - 13)+"px;")
})

document.addEventListener('mouseover', ()=>{
cursor.classList.add('expand');

setTimeout(()=>{
cursor.classList.remove("expand");
}, 2000);

})
A voir également:

1 réponse

jordane45 Messages postés 38175 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 13 mai 2024 4 667
26 mai 2021 à 21:29
0