最終更新:2018-01-08 (月) 02:03:30 (2299d)
JavaScript/イベントフェーズ
Top / JavaScript / イベントフェーズ
Event.eventPhase?
https://developer.mozilla.org/en-US/docs/Web/API/Event/eventPhase
フェーズ
キャプチャフェーズ
- DOMツリーをたどってルート要素から発生要素を探しに行く
ターゲットフェーズ
- ターゲット ノードでイベントが呼ばれる段階
バブリングフェーズ
- 今度はルート要素まで遡る
操作
addEventListenerのuseCapture
- 親要素が同種のイベントを持っていた場合、キャプチャフェーズ?でイベントを発生させてしまうよう設定するのがuseCapture=true
- useCaptureをfalseまたは省略すると親要素のイベントはバブリングフェーズ?で実行されます。
event.stopPropagation
- バブリングをやめる
参考
- http://qiita.com/hosomichi/items/49500fea5fdf43f59c58
- http://so-zou.jp/web-app/tech/programming/javascript/event/handler/event-flow.htm
関連
- stopPropagation?
- useCapture