如何记录鼠标在页面中移动的位置？

<html><head><title>IE与NS都支持的实时读取鼠标位置的例子</title></head>
<body bgcolor="#fef4d9" onmousemove="microsoftMouseMove()">
<SCRIPT LANGUAGE="JavaScript">
if (navigator.appname == 'Netscape')
{
   document.captureEvents(Event.MOUSEMOVE);
   document.onmousemove = netscapeMouseMove;
}
function netscapeMouseMove(e)
{
   if (e.screenX != document.form1.x.value && e.screenY != document.form1.y.value)
   {
      document.form1.x.value = e.screenX;
      document.form1.y.value = e.screenY;
   }
}
function microsoftMouseMove()
{
   if (window.event.x != document.form1.x.value && window.event.y != document.form1.y.value)
   {
      document.form1.x.value = window.event.x;
      document.form1.y.value = window.event.y;
   }
}
</SCRIPT><form name="form1">
X: <input type="text" name="x" size="4"><br/> 
Y: <input type="text" name="y" size="4"> 
</form>
</body></html>

解决方案 »

  1.   

    位置稍微调整一下, 否则有时会报错:<html><head><title>IE与NS都支持的实时读取鼠标位置的例子</title></head>
    <body bgcolor="#fef4d9" onmousemove="microsoftMouseMove()"><form name="form1">
    X: <input type="text" name="x" size="4"><br/> 
    Y: <input type="text" name="y" size="4"> 
    </form><SCRIPT LANGUAGE="JavaScript">
    if (navigator.appname == 'Netscape')
    {
       document.captureEvents(Event.MOUSEMOVE);
       document.onmousemove = netscapeMouseMove;
    }
    function netscapeMouseMove(e)
    {
       if (e.screenX != document.form1.x.value && e.screenY != document.form1.y.value)
       {
          document.form1.x.value = e.screenX;
          document.form1.y.value = e.screenY;
       }
    }
    function microsoftMouseMove()
    {
       if (window.event.x != document.form1.x.value && window.event.y != document.form1.y.value)
       {
          document.form1.x.value = window.event.x;
          document.form1.y.value = window.event.y;
       }
    }
    </SCRIPT>
    </body></html>