用onmouseenter和onmouseleave 代替onmouseover和onmouseout

解决方案 »

  1.   

    经过测试,光是div嵌套不会出现楼主说的情况,如果里层含有table则如楼主所说,测试代码如下
    <script type="text/javascript">
    function a1()
    {
    document.getElementById("a").innerHTML = "in";
    }
    function a2()
    {
    document.getElementById("a").innerHTML = "out";
    }
    </script>
    <div style="border-style:solid; border-width:thin" onMouseOver="javascript:a1();" onMouseOut="javascript:a2();">
      
      0&nbsp;0&nbsp;0
      
      <div style="border-style:solid; border-width:thin; border-color:#FF0000">
        1&nbsp;1&nbsp;1
      </div>  <div style="border-style:solid; border-width:thin; border-color:#FF00FF">
    <table>
      <tbody>
    <tr>
      <td>
    2&nbsp;2&nbsp;2
      </td>
    </tr>
      </tbody>
    </table>
      </div></div>
    <div id="a"></div>onmouseenter和onmouseleave不是标准事件,兼容性...