等しい場合があります。要素に直接行った場合です。バブリングを止めるバブリングイベントはターゲット要素からまっすぐ上がってきます。到達し、そのパス上のすべてのハンドラを呼び出します。どのハンドラも、イベントが完全に処理されたと判断し、バブリングを止めることができます。me</button></body>event.stopImmediatePropagation()ある要素が、1つのイベントに対し複数のイベントハンドラを持っている場合、それらの1つがバブリングを止めたとしても、残りのイベントハンドラは引き続き実行されます。上に移動するのは止めますが、現在の要素上にある他のすべてのハンドラは実行します。この後は他のハンドラは実行されません。必要なければバブリングは止めないでください!バブリングは便利です。本当に必要な場合を除いて止めないでください。明白で構造的によく知られているような場合。後に問題になるかもしれない隠れた落とし穴を作る場合があります。:私たちはネストされたメニューを作ります。後ほど、ユーザの行動(人々がクリックした場所)を追跡するためにウィンドウ全のクリックをキャッチすることに決めました。いくつかの分析システムはそのようなことをします。止められた領域上では動作しません。通常、本当にバブリングを防がなければならないケースはほとんどありません。必要と思われるタスクは他の手段で解決できる可能性があります。そのうちの1つはカスタムイベントを利用することで、後でそれを説明します。オブジェクトに書き込み、別のハンドラでそれを読み込むこともできるので、親のハンドラに下位の処理に関する情報を渡すことができます。呼ばれるイベント処理の別のフェーズがあります。実際のコードではほとんど使われませんが、役立つときがあります。イベント伝搬の3つのフェーズを説明しています。イベントが要素へ下りていきます。イベントがターゲット要素に到達しました。イベントが要素から上にバブルします。クリックした場合、イベントは最初に祖先のチェーンを通って要素へ下りていき(キャプチャリング)、ターゲットに到達した後、ハンドラを呼び出しながら上に行き(バブル)ます。以前バブリングについてのみ話しましたが、それはキャプチャリングフェーズはほとんど使われないためです。通常それは私たちには見えません。使って追加されたハンドラはキャプチャリングについて何も知りません。