Question

我正在编写一个脚本，当我用它导航时，它会重复地将鼠标坐标写入元素。但我不确定如何从鼠标中检测信息。有人想指出我正确的方向吗？

document.getElementById("coords").innerHTML = crdX + ", " + crdY

编辑：我的问题不是提出的问题的重复，因为提出的问题涉及同一问题的循环方面，而我的问题涉及事件处理＆＃39;方面。我确实阅读并尝试从该问题中确定我需要的信息，但由于我是初学者，我发现他们的代码难以阅读。

Answer 1

尝试这适用于所有浏览器

maps

Answer 2

您需要附加一个MouseEvent，传递给处理程序的事件对象将为您提供坐标。如果要在任何地方跟踪运动，请将其附加到文档中。 clientX和clientY属性为您提供本地坐标，screenX和screenY为您提供全局坐标。

小提琴：http://jsfiddle.net/AtheistP3ace/7pj9gpvn/4/

HTML：

<p id="coords"></p>
<p id="coords2"></p>

JS：

document.addEventListener('mousemove',
    function (event) {
        var para = document.getElementById('coords');
        para.textContent = event.clientX + ", " + event.clientY;
        var para2 = document.getElementById('coords2');
        para2.textContent = event.screenX + ", " + event.screenY;
    }
);

也可以自己阅读：https://developer.mozilla.org/en-US/docs/Web/Events/mousemove

我怎样才能获得鼠标的坐标？

2 个答案: