Bonjour,

Voila je rencontre un petit problème avec mon code.

function mouseOverHandler(e){
    posXsouris2 =   e.pageX-TailleNavigateur-1;
    posYsouris2 =   e.pageY-10;

    if(posYsouris2 >= 450 && posYsouris2 <= 600){
        if(posXsouris2>=20 && posXsouris2 <= 178){
            canvas.style.cursor = "pointer";
            Bonus1 = true;
        }else{
            canvas.style.cursor = "default";
        }
    }
}
document.addEventListener("mouseover", mouseOverHandler,false);

Jessaye de changer mon curseur quand il rentre dans un rectangle et inversement quand il sort de celui ci.
Cela ne fonctionne pas correctement.
J'ai essayé de debug avec addevent moussedown et alert() les coordonnés de la souris sont correct.

Help :(

3 réponses


YiuJia
Réponse acceptée

ton script se déclenche une fois quand tu entres dans le canvas.
Changes ton mouseover par mousemove.

Et ajoutes un else

if(posYsouris2 >= 450 && posYsouris2 <= 600){
        if(posXsouris2>=20 && posXsouris2 <= 178){
            canvas.style.cursor = "pointer";
            Bonus1 = true;
        }else{
            canvas.style.cursor = "default";
        }
}else{
        canvas.style.cursor = "default";
}

exemple : https://jsfiddle.net/YiuJia/c3s2jm6k

Jack88
Auteur

Ah merci beaucoup !
javais pas essayer mousemove :(

Thx