addEventListener再入門

全3回

このシリーズでは、仕組みを改めて見直すことでJavaScriptに対する理解をより深められるようなトピックを選び、解説していきます。

最終回 イベント伝播の制御

3回目はこれまでのイベントの仕組みを踏まえ、useCaptureとstopPropagationを使って1回目のお題を解決します。これらを理解すると、タッチデバイス上でのUIを作る場合にも役立ちます。

第2回 イベント伝播のフェーズ

2回目ではイベント伝播の3つのフェーズを解説します。useCaptureとstopPropagationを組み合わせれば、イベントの伝播を柔軟にコントロールできます。前回のお題の問題解決の足がかりになります。

第1回 バブリングによるイベントの伝播

addEventListenerの第三引数useCaptureを利用して問題を解決した例から、イベントの仕組みを解説していきます。