码迷,mamicode.com
首页 > Web开发 > 详细

JS鼠标获取坐标

时间:2016-09-28 12:45:26      阅读:128      评论:0      收藏:0      [点我收藏+]

标签:

    <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鼠标获取坐标

标签:

原文地址:http://www.cnblogs.com/panlaixing/p/5915758.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!