function(){alert('外側の要素がクリックされました。id="wrapper">外側の要素です。id="contents">内側の要素です。</div></div></body></html>上記のコードの状態では、「内側の要素」をクリックしたときに「外側の要素がクリックされました。」とアラートが表示されてしまいます。多くの場合、想定している挙動とは異なっていると思います。内側の要素がクリックされたときはアラートを表示したくないはずです。「イベントのバブリング」という挙動があります。バブリングは単語から想像できるとおり、水中の泡が上へ向かうかのように、イベントが親要素へと伝わっていく挙動のことを指します。「wrapper」までクリックされたことが伝わります。「wrapper」に登録したイベントが動いてしまったということです。そこで、親要素へイベントが伝わる「バブリング」を防ぐ方法が用意されています。メソッドを利用します。alert('外側の要素がクリックされました。