<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') と alter('hello') のみが順番に実行されます。イベント応答関数はバブリングフェーズで実行されます。つまり、DOM 互換ブラウザの場合、キャプチャフェーズでは実行されないことがわかります。したがって、HTML で記述されたイベント応答関数はバブリング段階でのみ実行されます。 <br>2. divからspanにマウスを移動すると、alert('out_div')、alert('world')、alert('hello')がspanではなく順番に実行されることがわかります。はdiv内にありますが、マウスをdivからspanに移動すると、マウスをdivの外に移動したものとみなされます。 <br>