鼠标定位问题？


document.getElementById("Pop_Menu").style.left=x + "px"; 
document.getElementById("Pop_Menu").style.top=y + "px"; 

解决方案 »

  1.   

    <script language="javascript">
    function show(str){
      document.getElementById("xx").style.left = window.event.clientX - 100 ;//鼠标位置
      document.getElementById("xx").style.top = window.event.clientY + 15 ;
      if (document.getElementById("xx").style.display =="none")
      {
          document.getElementById("xx").innerHTML=str;
          document.getElementById("xx").style.display ="block";   }
      else if(document.getElementById("xx").style.display == "block")
      { 
          document.getElementById("xx").innerHTML=str;
          document.getElementById("xx").style.display ="none";
      }
    }
    </script><input value="1" onMouseOver="show(this.value);" onMouseOut="show(this.value);"><br/><br/><br/>
    <input value="2" onMouseOver="show(this.value);" onMouseOut="show(this.value);"><br/><br/><br/>
    <input value="3" onMouseOver="show(this.value);" onMouseOut="show(this.value);"><br/><br/><br/>
    <input value="4" onMouseOver="show(this.value);" onMouseOut="show(this.value);"><br/><br/><br/>
    <input value="5" onMouseOver="show(this.value);" onMouseOut="show(this.value);"><br/><br/><br/><div id="xx" style="position:absolute; display:none;"></div> 
      

  2.   

    这样就可以了
    <html><head>
    <script>
    function mousexy(event){
    id.value= "X:" + (event.clientX + document.body.scrollLeft) +"px;Y:"+ (event.clientY+document.body.scrollTop)+"px;";
    }
    </script>
    </head><body onMouseMove="mousexy(event);"><input id="id" type="text"></body></html>
    加上event就可以兼容firefox
    scrollLeft与scrollTop是卷去的页面部份,应加上它,不然就会出现mouse位置混乱的情况