如何使用 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

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

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