如何获取在网页中获取鼠标坐标

//在firefox中获取鼠标的方法
function mousePosition(){
     if(event.pageX || event.pageY){
      return {x:event.pageX, y:event.pageY};
      }
      return {
       x:event.clientX + document.body.scrollLeft - document.body.clientLeft,
       y:event.clientY + document.body.scrollTop  - document.body.clientTop
       }; 
 }这个代码在firefox8.0.1(我使用的版本)没有作用..希望哪位帮我解决一哈..谢谢

解决方案 »

  1.   

    <!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>
    <title>获取鼠标坐标</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <style type="text/css">
    .tip {
    width:200px;
    border:2px solid #ddd;
    padding:8px;
    background:#f1f1f1;
    color:#666;
    }</style>
    <script type="text/javascript">
    function mousePos(e){
    var x,y;
    var e = e||window.event;
    return {
    x:e.clientX+document.body.scrollLeft+document.documentElement.scrollLeft,
    y:e.clientY+document.body.scrollTop+document.documentElement.scrollTop
    };
    };
    function test(e){
    document.getElementById("mjs").innerHTML = mousePos(e).x+','+mousePos(e).y;    
    };
    </script>
    </head>
    <body>
    <div id="mjs" class="tip">111</div>
    <div id="test" style="width:1000px;height:1000px;background:#ccc;" onmousemove="test(event)"></div>
    </body>
    </html>