好奇怪啊，这个js事件为什么没有产生呢?

<html><head>
<script language=javascript>mouseOverEvent = function(obj){
alert(event.clientX+"\n"+obj.offsetWidth)
if(event.clientX==obj.offsetWidth){
   alert('test');
  }
}</script>
</head><body><table>
<tr>
<td style="border:1px solid #00ff00;padding:0px;width:200px;" onmouseover="mouseOverEvent(this);">
<div>
wwwwww
</div>
</td>
</tr></table>
</body>
</html>楼主自己看下效果 ,两者的值不相等的啊

解决方案 »

  1.   

    哦,弄错意思了.
     onmousemove="mouseOverEvent(this);"
    楼主试下,这样就行了.
    不过,最好不是绝对等于,而是靠近边框,否则对操作者来说太难操作了
    event.clientX==(obj.offsetWidth - 1)
    大概这个样子
      

  2.   

    下面的td我设置了两个区域，一个是A区域，鼠标指针为e-resize样式，一个是B区域，鼠标指针是col-resize样式,但是为什么当鼠标第一次移动到A区域,在td范围内鼠标指针就会总是显示e-resize样式,或者当鼠标第一次移动到B区域,在td范围内鼠标指针就会总是显示col-resize样式请帮忙解决
    <html>
    <head>
    <script language=javascript>
    mouseOverEvent = function(obj){
    if(event.clientX<obj.offsetWidth+15 && event.clientX>obj.offsetWidth+8){
         obj.style.cursor = "col-resize";
       }else{
       obj.style.cursor = "e-resize";
       }
    }
    </script>
    </head>
    <body>
    <table>
    <tr>
    <td style="border:1px solid #00ff00;width:200px;" onmouseover="mouseOverEvent(this);">sss</td>
    </tr>
    </table>
    </body>
    </html>