首页 > 其他 > 详细

兼容IE、Firefox获取鼠标位置

时间:2014-03-02 12:23:32      阅读:466      评论:0      收藏:0      [点我收藏+]
bubuko.com,布布扣
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>获取鼠标位置(兼容)</title>
        <style>
            body{width:600px;}
        </style>
    </head>

    <body>

        <script>
            function mouseMove(ev) {
                ev = ev || window.event;
                var mousePos = mouseCoords(ev);
                //alert(ev.pageX);
                document.getElementById(xxx).value = mousePos.x;
                document.getElementById(yyy).value = mousePos.y;
            }

            function mouseCoords(ev) {
                if (ev.pageX || ev.pageY) {
                    return {
                        x : ev.pageX,
                        y : ev.pageY
                    };
                }
                return {
                    x : ev.clientX + document.body.scrollLeft - document.body.clientLeft,
                    y : ev.clientY + document.body.scrollTop - document.body.clientTop
                };
            }

            document.onmousemove = mouseMove;
        </script>
        <p>
            <label for="xxx">Mouse X Position:<input id="xxx" type="text"></label>
        </p>
        <p>
            <label for="yyy">Mouse y Position:<input id="yyy" type="text"></label>
        </p>
    </body>
bubuko.com,布布扣

兼容IE、Firefox获取鼠标位置,布布扣,bubuko.com

兼容IE、Firefox获取鼠标位置

原文:http://www.cnblogs.com/lxj2008/p/3575165.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!