Canvas - MouseOver -> Cursor pointer

Par Jack88, il y a 7 ans

Javascript

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, il y a 7 ans

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

YiuJia, il y a 7 ans

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, il y a 7 ans

Ah merci beaucoup !
javais pas essayer mousemove :(

Thx