onmouseover/out与div的问题

请参考...
http://blog.csdn.net/muxrwc/archive/2007/07/31/1718676.aspx

解决方案 »

  1.   

    用 onmouseenter/onmouseleave 替代 onmouseover/onmouseout 看看.
      

  2.   

    楼上的，onmouseenter/onmouseleave   不是标准方法，兼容性有问题
      

  3.   

    这问题我也遇到过，呵呵，最后没办法，吧table该了div，div是可以模拟table的。
      

  4.   

    <table id="tData" onmouseover="event1" onmouseout="if(event.toElement.id!='div1') event2">       
      

  5.   

    也碰到这种问题要么在div里，onmouseover执行跟table的一样
    要么在tbl里，onmouseout判断是否在div里。LS的那个event的也有兼容性问题。
      

  6.   

    恩 IE Only FF的event对象和IE大不一样
      

  7.   

    建议用一个div把table套起来，然后在div上绑mouseover/mouseout事件。
      

  8.   

    呵呵 muxrwc 老熟人啊 
      

  9.   


    <HTML><HEAD><script Language="JavaScript"> function showDivMenu(sub){
     
      document.getElementById(sub).style.left = window.event.clientX - 100 ;//鼠标位置
      document.getElementById(sub).style.top = window.event.clientY + 15 ;
      if (document.getElementById(sub).style.display =="none")
      {
          document.getElementById(sub).style.display ="block";
       }
      else if(document.getElementById(sub).style.display == "block")
      { 
          document.getElementById(sub).style.display ="none";
      }
    }
    </Script></HEAD>
    <BODY>
    <table>
    <tr>
    <td nowrap onMouseOver="showDivMenu('leon')" onMouseOut="showDivMenu('leon')">
    <div align="center">XXXXXXXXXXXXXXXXXXXXXXXXXXXXX</div>
    <div id="leon" style="position:absolute; background:#B8D5F5; display:none;">dddddddddddddddddddddd
    </div>
    </td>
    </tr></table></BODY></HTML>
      

  10.   

    谢谢各位的回答，不过问题还是没有解决，
    <table id="tData">       
    <tr>   
    <td onmouseover="event1"  onmouseout="event2">   
    <div id="div1">test</div>       
    </td>   
    </tr>   
    </table>     
    问题是这样的，当鼠标放到td的内容上时，通过div来动态加载一个下拉菜单，现在问题是，当我把鼠标离开td，移到div1上时下拉列表却消失了
      

  11.   

    因为你的事件捕捉是在td上，给div标签的onmouseover也添加跟td一样的方法，看可不可以。
      

  12.   

    虽然div还在td里面，但是当鼠标移到div的时候，会出发onmouseout事件，根据其触发原则，event.fromElement!=event.toElement   &&   this.contains(event.toElement)时就触发onmouseover，显然fromElment（td）！=toElement (div), 而且 this.contants(evnet.toElement)为真，因为td contain div解决的方法可以在onmouseover后面加入延时setTimeout每0.5秒使其自动运行，直到onmouseout之后清除定时器clearTimeout