如何使用 JavaScript 获取鼠标位置？答案

【问题标题】：How can I get mouse position with JavaScript?如何使用 JavaScript 获取鼠标位置？
【发布时间】：2010-08-12 09:40:00
【问题描述】：

我想通过 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...");            
}

【问题讨论】：

有趣的是，您在代码中的字符串中使用了正确的英语，但是在 Internet 上寻求帮助时，您会缩短每个超过 3 个字母的单词。

标签： javascript mouse-position

【解决方案1】：

是的 - 您还需要将该函数作为事件处理程序连接起来。

你的事件应该有一个事件参数：

function mouseDown(event) {

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

document.onmousedown = mouseDown;

【讨论】：

【解决方案2】：

使用 JQuery，here 是一个很好的例子。

【讨论】：

不，我不想 2 使用 jquery....我可以在 jquery 中做到这一点，我不想用 javascript....
iz fanny youz tink jq iz nut java.

【解决方案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);
});

【讨论】：