如何获取鼠标在页面上的坐标呢？搜到了一些代码，但是在Firefox都不行

比如这段，说的是支持各种浏览器，但是在Firefox里却不行。function SelfXY(){
    var yScrolltop;
    var xScrollleft;
    if (self.pageYOffset || self.pageXOffset) {
        yScrolltop = self.pageYOffset;
        xScrollleft = self.pageXOffset;
    } else if (document.documentElement && document.documentElement.scrollTop || document.documentElement.scrollLeft ){     // Explorer 6 Strict
        yScrolltop = document.documentElement.scrollTop;
        xScrollleft = document.documentElement.scrollLeft;
    } else if (document.body) {// all other Explorers
        yScrolltop = document.body.scrollTop;
        xScrollleft = document.body.scrollLeft;
    }
    arrayPageScroll = new Array(xScrollleft + event.clientX ,yScrolltop + event.clientY) 
    return arrayPageScroll;
}

解决方案 »

  1.   


    function getX(e) {
      e = e || window.event;
      return e.pageX || e.clientX + document.body.scrollLeft;
    }
    Y就同理了
      

  2.   


    调用这个函数时，参数怎么写呢？ getX(?)
      

  3.   

    Firefox里一点反应都没有。
    <!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>
    <SCRIPT language="javascript">
    function getX(e) {
      e = e || window.event;
      return e.pageX || e.clientX + document.body.scrollLeft;
    }function statusreport() {
    alert(getX());
    }
    </SCRIPT></head>
    <body>
    <p><input type="button" value="鼠标坐标" onclick="statusreport();"></p>
    <p><input type="button" value="鼠标坐标" onclick="statusreport();"></p>
    <p><input type="button" value="鼠标坐标" onclick="statusreport();"></p>
    <p><input type="button" value="鼠标坐标" onclick="statusreport();"></p>
    <p><input type="button" value="鼠标坐标" onclick="statusreport();"></p>
    <p><input type="button" value="鼠标坐标" onclick="statusreport();"></p>
    <p><input type="button" value="鼠标坐标" onclick="statusreport();"></p>
    <p><input type="button" value="鼠标坐标" onclick="statusreport();"></p>
    <p><input type="button" value="鼠标坐标" onclick="statusreport();"></p>
    <p><input type="button" value="鼠标坐标" onclick="statusreport();"></p>
    </body>
    </html>
      

  4.   

    发现Firefox不支持 e.pageX 和 e.clientX 啊。
    有了这两个，alert根本就弹不出来。
      

  5.   

    <!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>
    <SCRIPT language="javascript">
    function getX(e) {
      e = e || window.event;
      return e.pageX || e.clientX + document.body.scrollLeft;
    }function statusreport(e) {
    alert(getX(e));
    }
    </SCRIPT></head>
    <body>
    <p><input type="button" value="鼠标坐标" onclick="statusreport(event);"></p>
    <p><input type="button" value="鼠标坐标" onclick="statusreport(event);"></p>
    <p><input type="button" value="鼠标坐标" onclick="statusreport(event);"></p>
    <p><input type="button" value="鼠标坐标" onclick="statusreport(event);"></p>
    <p><input type="button" value="鼠标坐标" onclick="statusreport(event);"></p>
    <p><input type="button" value="鼠标坐标" onclick="statusreport(event);"></p>
    <p><input type="button" value="鼠标坐标" onclick="statusreport(event);"></p>
    <p><input type="button" value="鼠标坐标" onclick="statusreport(event);"></p>
    <p><input type="button" value="鼠标坐标" onclick="statusreport(event);"></p>
    <p><input type="button" value="鼠标坐标" onclick="statusreport(event);"></p>
    </body>
    </html>
      

  6.   

    http://fengxiaoshuai35.blog.163.com/blog/static/783927772009328104852554/
    看对你有不有用