javascript - 如何使用 JavaScript 获取鼠标位置？

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

使用 JQuery，这里有一个很好的例子来实现它。

Answer 3

它不起作用，因为您没有在监听任何事件。当发生任何鼠标事件时，您需要传递此函数。在下面尝试我的代码..点击获得位置

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);
});