Question

我希望通过JavaScript获得鼠标 x 和 y 坐标。我已尝试 pageX ， pageY ， clientX ， clientY ，但未显示任何内容。我已经在IE和Firefox上测试了这个。

在以下事件中，我有什么问题吗？

var x=0;
var y=0;
function mouseDown(){
    alert("This is displayed");
    evt=event||window.event;
    alert(evt.clientX);
        alert(evt.clientY);
            alert(evt.pageX);
                alert(evt.pagey);
    alert("Flow doesn't reach here...");            
}

Answer 1

是的 - 您还需要将该功能挂钩为事件处理程序。

您的活动应该采用事件参数：

function mouseDown(event) {

然后你需要告诉浏览器在事件发生时调用你的函数：

document.onmousedown = mouseDown;

Answer 2

它没有工作，因为你没有听任何事件。发生任何鼠标事件时，您需要传递此功能。请尝试下面的代码..点击

获取位置

function getPos(evt) {
 evt = event || window.event;
 return {x:evt.clientX,y:evt.clientY};
}

现在你可以在这样的事件监听器中调用这个函数。

addEventListener( 'click' , function(event) {
  var mousex = getPos(event).x;
  Var mousex = getPos(event).y;

  alert(mousex);alert(mousey);
});

Answer 3

使用JQuery，here是如何实现它的一个很好的例子。

如何通过JavaScript获得鼠标位置？

3 个答案: