javascript - 无法从 Canvas 检索鼠标坐标

Question

我正在 Canvas 上工作，现在我已经达到了需要找到鼠标坐标的程度，以便我可以在所述 Canvas 内创建“按钮”。但是，当我 try catch 坐标并在函数中使用它们来确定鼠标是否位于按钮内部时，它不起作用。

我的坐标检索方法有什么问题？这是我和我的 friend 为学校项目制作的游戏。

代码如下:

<!-- game canvas -->
<canvas id="canvas" width="900" height="600">

<!-- no-support message -->
Se está a ver isto, o seu browser não suporta HTML5.

</canvas>

只是 Canvas ，因为其他都不重要。

这是 JavaScript:

//find mouse coordinates

var mouseX = 0, mouseY = 0;

$('#canvas').mousemove(function(e){
    mouseX = e.pageX - this.offsetLeft;
    mouseY = e.pageY - this.offsetTop;
});

Answer 1

var 创建一个局部变量。但是，在您的情况下，您希望更新函数外部的变量，而不是创建新的本地变量。因此，只需将 var 放入 mousemove 函数中即可。

目前，外部变量被局部变量“遮蔽”，并且变得不可访问。

http://jsfiddle.net/wXMyH/1/