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 :(
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