我怎样才能用JavaScript鼠标的位置？

StackOverflow https://stackoverflow.com/questions/3466373

  •  28-09-2019
  •  | 
  •  

题

我想获得小鼠 X 和ý通过JavaScript坐标。我已经试过的 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...");            
}
有帮助吗？

解决方案

是 - 你还需要挂钩的功能了作为一个事件处理程序

您事件应该采取的事件参数：

function mouseDown(event) {

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

document.onmousedown = mouseDown;

其他提示

它不工作，因为你不听任何事件。当任何鼠标事件时通过该功能。试试我的代码如下..沾到点击位置

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

使用jQuery，这里是一个很好的例子，如何实现它。

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top