JavaScript/イベント/フェーズ/キャプチャリング

イベント発生源に向かってイベントの伝播が下降していくイメージ。

もしこのような構造があって、一番内部の div 要素をクリックした場合

<div>
    <div>
        <div>hoge</div>
    </div>
</div>

イベントはまずキャプチャリングフェーズになり、最外の div からその中、その中と順に進んでいく。 つまり要素の中身をクリックするには外を先ずクリックしているという概念である。

イベントリスナではデフォルトではキャプチャリングフェーズは無効になっているのであまり意識することはない