有一个棘手问题，关于鼠标位置显示DIV问题

DEMO:  <script type="text/javascript">
  //<![CDATA[
  // script by never-online
  function get_position(e){
    var l=e.offsetLeft;t=e.offsetHeight; 
    while(e=e.offsetParent){
      t+=e.offsetTop;
      l+=e.offsetLeft;
    }; return {x: l, y: t};
  }
  document.onclick=function() {
    var a =document.activeElement;
    if (a.tagName=="BODY") return;
    var e = get_position(a);
    alert("坐标位置：x:" +e.x+ "y:" +e.y);
  }
  //]]>
  </script>
<body id="www.never-online.net">
<INPUT TYPE="text" NAME="">
<INPUT TYPE="text" NAME="">
<INPUT TYPE="text" NAME="">
<INPUT TYPE="text" NAME="">
<INPUT TYPE="text" NAME="">
<INPUT TYPE="text" NAME="">
</body>

解决方案 »

  1.   

    <script type="text/javascript">
      //<![CDATA[
      // script by never-online
      function get_position(e){
        var l=e.offsetLeft;t=e.offsetTop; 
        while(e=e.offsetParent){
          t+=e.offsetTop;
          l+=e.offsetLeft;
        }; return {x: l, y: t};
      }
      document.onclick=function() {
        var a =document.activeElement;
        if (a.tagName=="BODY") return;
        var e = get_position(a);
        alert("坐标位置：x:" +e.x+ "y:" +e.y);
      }
      //]]>
      </script>
    <body id="www.never-online.net">
    <INPUT TYPE="text" NAME="">
    <INPUT TYPE="text" NAME="">
    <INPUT TYPE="text" NAME="">
    <INPUT TYPE="text" NAME="">
    <INPUT TYPE="text" NAME="">
    <INPUT TYPE="text" NAME="">
    </body>