Javascript物理获取当前鼠标X坐标

时间:2015-11-26 15:05:21

标签: javascript mouse physics coordinate

我被要求(作为学校练习)在网上搜索关于物理图书馆的信息,或以某种方式找到一种方法来创建Arkanoid游戏并将其放入网站主页。

我创建了需要使用画布等进行爆破的矩形,现在我必须创建下部矩形,其中Y坐标为400,X坐标为Cursor X坐标,我需要内联(不在函数内) 。 我如何实现这一目标?

(现在我无法粘贴代码的任何部分,因为我现在不在家,我会尽快完成)

谢谢!

1 个答案:

答案 0 :(得分:0)

您可以将鼠标位置存储在全局变量中,然后在需要的地方使用它:

var mouse = {x:0, y:0};
document.body.addEventListener("mousemove", function(event){
    mouse.x = event.pageX;
    mouse.y = event.pageY;
});

(如果您需要在该元素中的特定位置,请将事件添加到画布中)

var mouse = {x:0, y:0};
document.getElementById("myCanvas").addEventListener("mousemove", function(event){
    mouse.x = event.clientX;
    mouse.y = event.clientY;
});

现在,您只需致电mouse.xmouse.y即可获得所需的坐标