addEventListenerのuseCapture true/false時の動作比較
FireFoxでのみテスト。IEはもともと関係ありません。
(1) すべてfalseの場合
イベントハンドラの設定状態
| イベントハンドラを設定したNode |
useCaptureの設定 |
| 緑領域(div) |
false |
| 青領域(div) |
false |
| text領域(span) |
false |
「text」部分をクリックすると
Text → Blue → Green の順番でイベントハンドラが呼び出される。
(2) 緑領域だけtrueにした場合
イベントハンドラの設定状態
| イベントハンドラを設定したNode |
useCaptureの設定 |
| 緑領域(div) |
true |
| 青領域(div) |
false |
| text領域(span) |
false |
「text」部分をクリックすると
Green → Text → Blue の順番でイベントハンドラが呼び出される。