from DOM

3つのphaseがある

① capture phase

② target phase

③ bubble phase

<td> をclickしたときのevnet flow

①〜③が起きる場合はこの順序に起きる

event objectを渡していっている

が、各phaseがskipされる場合もある

例えばEvent.stopPropagation()があれば、③はskipされる

上図、なんで一番下の緑の矢印は実線で区別されているんだ #??

GUIで可視化して遊ぶやつ