使用javascript获取鼠标位置、window.event(例子)

来源：互联网发布：四季优美最大骗局知乎编辑：程序博客网时间：2024/06/11 06:37

强烈推荐下面网站 http://www.webreference.com/ 。。。正在看这个页面的内容
http://www.webreference.com/programming/javascript/mk/column2/

<html>
<head>
    <title>Get Mouse Position
    </title>

    <SCRIPT language="javascript" type="text/javascript">
        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
            };
        }

        function mouseMove(ev){
            ev         = ev || window.event;
            var mousePos = mouseCoords(ev);
            document.getElementById('MouseXPosition').value = isNaN(mousePos.x) ? 0 : mousePos.x;
            document.getElementById('MouseYPosition').value = isNaN(mousePos.y) ? 0 : mousePos.y;
        }

        document.onmousemove = mouseMove;

        function doClick(e){
            e = e || window.event;
            var el = e.target || e.srcElement;
            alert(el.name);
        }

    </SCRIPT>

</head>
<body>
    <table border="1">
    <tr>
        <td>
            X: <input type="textbox" id="MouseXPosition" name="MouseXPosition" size="4" />
        </td>
        <td>
            Y: <input type="textbox" id="MouseYPosition" name="MouseYPosition" size="4" />
        </td>
    </tr>
    <tr>
        <td>
            <input type="button" id="btn1" name="btn1" value="Button1" onclick="javascript:doClick(event);"/>
        </td>
        <td>
            <input type="button" id="btn2" name="btn2" value="Button2" onclick="javascript:doClick(event);"/>
        </td>
    </tr>
    </table>
</body>
</html>

上面的方法等都是抄出来的。。呵呵，一点一点学。。。
有两点东西要注意：
1.在IE下，
你加了个button，<input type="textbox" name="MouseYPosition" />
你用 document.getElementById(‘MouseYPosition’)可以得到这个button，但在Firefox下不行。
2.我在网上找了一下，不少人说在firefox中 event 只能在事件发生的现场使用，我不清楚是不是在IE下，window.event相当于全局变量，在firefox下则是局部变量？