<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
 
  <title></title>
  <script language=javascript>
  window.document.onmousemove=function(){
  var o=document.getElementById("pos");
  o.style.position="absolute";  
  o.style.left=(event.clientX+15)+"px";
  o.style.top=event.clientY+"px";
  o.style.border="2px solid black";
o.innerHTML="X="+event.clientX+"\n"+"Y="+event.clientY;
  //alert( event.clientX+";"+event.clientY);
  }
  </script>
  </head>
  <body>
  
  <div id="pos"></div>
  
  
  </body>
</html>

解决方案 »

  1.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
      <head>
      <meta http-equiv="content-type" content="text/html; charset=windows-1250">
     
      <title></title>
      <script language=javascript>
      window.document.onmousemove=function(){
     
      var o=document.getElementById("pos");
      var posx=document.body.scrollLeft+event.clientX;
      var posy=document.body.scrollTop+event.clientY;
      o.style.position="absolute";  
      o.style.posLeft=posx+20;
      o.style.posTop=posy;
      o.style.border="2px solid black";
    o.innerHTML="X="+posx+"\n"+"Y="+posy;
      //alert( event.clientX+";"+event.clientY);
      }
      </script>
      </head>
      <body>
      
      <div id="pos"></div>
      
      
      </body>
    </html>