在线等

<script language="javascript">
function a(){
var x = document.getElementById("X");
var y = document.getElementById("Y");
if(window.event.x!=x.value && window.event.y != y.value){
x.value = window.event.x;
y.value = window.event.y;
}
}
</script>
</head><body onMousemove="a()" bgcolor="#fef4d9">
<input type="text" id="X"/>
<input type="text" id="Y"/>
</body>
不看兼容的问题为什么我的鼠标动了文本值不会变呢?

解决方案 »

  1.   

    LZ的代码在IE8下运行是没问题的
    FF下有问题，兼容的问题了
    改成了兼容的版本<script language="javascript">
    function a(e){
    e = e || window.event; //ff需要传过来的event参数，IE用window.event就可以
    var x = document.getElementById("X");
    var y = document.getElementById("Y");
    if(e.x!=x.value && e.y != y.value){
    if (window.event) { //IE的情况
    x.value = e.offsetX;
    y.value = e.offsetY;
    }
    else { //FF的情况
    x.value = e.layerX;
    y.value = e.layerY;
    }
    }
    }
    </script>
    </head><body onMousemove="a(event)" bgcolor="#fef4d9"><!-- 这里要加个event参数 -->
    <input type="text" id="X"/>
    <input type="text" id="Y"/>
    </body>
      

  2.   

    还问问 offsetX  clientX 的区别
      

  3.   

    头文件改成 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 试试如果是 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 就会出现LZ说的问题
      

  4.   

    clientX: 相对于客户区域的x坐标位置，不包括滚动条，就是正文区域。offsetx：设置或者是得到鼠标相对于目标事件的父元素的内边界在x坐标上的位置。