• 本文
• リロード
• 差分
• バックアップ
• 名前変更
• リファラ
• 新規ページ
• 編集

JavaScript/イベント

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