JSのイベントフェーズについて解説！キャプチャリングフェーズとバブリングフェーズとは？

今回は、JavaScriptを勉強しているとぶつかる問題である、
・キャプチャリングフェーズ（Capturing Phase）
・バブリングフェーズ（Bubbling Phase）
について説明しています。
イベントはキャプチャリングフェーズで親要素から子要素に伝播し、ターゲットフェーズでターゲット要素に到達し、バブリングフェーズで子要素から親要素に伝播しますが、こういったことを理解できていないと、思わぬバグになってしまいます。
しっかり理解して、イベントフェーズを制していきましょう！