addEventListener再入門
- カテゴリー
- JavaScript >
- DOM
全3回
このシリーズでは、仕組みを改めて見直すことでJavaScriptに対する理解をより深められるようなトピックを選び、解説していきます。
最終回 イベント伝播の制御
3回目はこれまでのイベントの仕組みを踏まえ、useCaptureとstopPropagationを使って1回目のお題を解決します。これらを理解すると、タッチデバイス上でのUIを作る場合にも役立ちます。
第2回 イベント伝播のフェーズ
2回目ではイベント伝播の3つのフェーズを解説します。useCaptureとstopPropagationを組み合わせれば、イベントの伝播を柔軟にコントロールできます。前回のお題の問題解決の足がかりになります。
第1回 バブリングによるイベントの伝播
addEventListenerの第三引数useCaptureを利用して問題を解決した例から、イベントの仕組みを解説していきます。