<div class="codetitle"> <span><a style="CURSOR: pointer" data="23810" class="copybut" id="copybut23810" onclick="doCopy('code23810')"><u>复制代码</u></a></span> 代码如下:</div> <div class="codebody" id="code23810"> <br><div onmouseover="alert('hello');" onmouseout="alert('out_div');"> <br><span onmouseover="alert('world');" onmouseout="alert('out_span');">你好</span> <br> </div> <br> </div> <br>1,当鼠标放到<span>上面时,会只依次执行alert('world')、alert('hello'),可知事件响应函数是在冒泡阶段执行的,也就是说,对于DOM兼容浏览器,在捕获阶段也没有执行。所以,写在html里的事件响应函数只有在冒泡阶段才会被执行。 <br>2,当把鼠标从div移到span上面时,会依次执行alert('out_div')、alert('world')、alert('hello'),这说明了尽管span是在div里,但当把鼠标从div移到span上时,也算是把鼠标移出div。 <br> </span>