JavaScript イベントの実行順序を早める方法 - Qiita<form onclick="alert('form')"> <div onclick="alert('div')"> <p onclick="alert('p')"></p> </div> </form> バブリングフェーズとは、例えば、上記のようにform > div > p の順番で要素が入れ子になっていた場合、p要素を押下すると、アラートは p div form の順番で実行されます。 泡のようにイベントが内部の要素から親に向かって実行されていくので、バブリングフェーズと呼ばれています。 何もしないとイベントは基本的にバブリングフェーズに登録されます。 キャプチャリングフェーズはその逆で、親要素から内部に向かって実行されるフェーズのことを言います。 バブリングフェーズに登録されたイベントより、キャプチャリングフェーズに登録されたイベントの方が早く実行される 上記の特性を利用して、イ
