JS鼠标获取坐标

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JS鼠标获取坐标相关的知识，希望对你有一定的参考价值。

    <html>
    <head>
    <title>获取鼠标的坐标信息</title>
    </head>
    <body>
    <div id="demo">点击这里</div>
    <script type="text/javascript">
    document.getElementById("demo").onclick=function(e){
        var eve = e || window.event;
        var x = eve.clientX,  // 相对于客户端的X坐标
            y = eve.clientY,  // 相对于客户端的Y坐标
            x1 = eve.screenX,  // 相对于计算机屏幕的X坐标
            y1 = eve.screenY;  // 相对于计算机屏幕的Y坐标
            
        alert(
            "相对客户端的坐标：\n"+
            "x = "+x+"\n"+
            "y = "+y+"\n\n"+
            "相对屏幕的坐标：\n"+
            "x = "+x1+"\n"+
            "y = "+y1
        );
    }
    </script>
    </body>
    </html>

 

以上是关于JS鼠标获取坐标的主要内容，如果未能解决你的问题，请参考以下文章

js怎么获得鼠标当前坐标

D3js：如何通过鼠标单击获取纬度/经度地理坐标？

使用正交相机从鼠标位置获取 Three.js 世界坐标

js获取鼠标距离

QT如何获取窗口外的鼠标点击事件，或者鼠标坐标

js 获取元素坐标 和鼠标点击坐标