Javascript physics 获取当前鼠标X坐标

Question

有人要求我（作为一项学校练习）在网上搜索有关物理库的信息，或者以某种方式找到一种方法来创建打砖块游戏并将其放入网站主页。

我使用 canvas 等创建了我需要爆炸的矩形，现在我必须创建下部矩形，它的 Y 坐标为 400，X 坐标为光标 X 坐标，我需要内联执行此操作（不在函数内部）。我该如何实现？

（现在我不能粘贴我的代码的任何部分，因为我现在不在家，我会尽快完成）

谢谢！

Answer 1

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

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

（如果您需要该元素内的特定位置，请将事件添加到您的 canvas）

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

现在您只需调用 mouse.x 或 mouse.y 即可获得您需要的坐标

Javascript physics 获取当前鼠标X坐标

Javascript physics get current mouse X coordinate

javascript

mouse

physics

coordinate