【Javascript】キャプチャリングとバブリングの違い。

DOMのイベントには、キャプチャリングフェーズとバブリングフェーズという二つのフェーズが存在しており、addEventListenerの第三引数にて指定することが出来る。trueを渡すと、キャプチャリングフェーズ、falseを渡すとバブリングフェーズで実行される。デフォルトはバブリングフェーズで実行される。

■実行順
キャプチャリングフェーズ => バブリングフェーズ

■キャプチャリングフェーズ
DOMの外側からイベントが発生した要素に向かってイベントが伝わる。

■バブリングフェーズ
イベントが発生した要素から外側に向かってイベントが伝わる。

 

挙動に関しては要実験。