从画布中检索鼠标坐标时出现问题

Trouble retrieving mouse coordinates from canvas

本文关键字：问题 坐标 鼠标 布中 检索      更新时间：2023-09-26

我正在画布上工作，现在我已经到了需要找到鼠标坐标的地步，这样我就可以在画布内制作"按钮"。然而，当我试图捕捉坐标并在函数中使用它们来确定鼠标是否在按钮内时，它不起作用。

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

这是代码：

<!-- 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>

只是画布，因为其他东西都不重要。

这是javascript：

//find mouse coordinates
var mouseX = 0, mouseY = 0;
$('#canvas').mousemove(function(e){
    mouseX = e.pageX - this.offsetLeft;
    mouseY = e.pageY - this.offsetTop;
});

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

目前，外部变量被本地变量"遮蔽"，并且变得不可访问。

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

相关文章：