塩焼きブログ

塩焼きに関しての研究内容を公開しています

JavaScriptで親子要素間でイベント発生順序を制御する

addEventListenerの第三引数にはuseCaptureという引数がありまして、こいつはデフォルトではfalseで、falseの場合は子から順にイベントが実行される。こいつがtrueになると親から順に実行される。useCaptureについて深く理解せずにデフォルト値を採用して今まで書いていたので、イベントとは子から必ず実行されると思っていたが誤りだった。

今回は既にあるコードでtrueが指定してあり、追加子要素に同様のイベントを付与しても動作しなかった(親が動作をキャンセルしていた)事によって気付いた。

参考