ゆるくエンジニア日記

職業はシステムエンジニア。日々の学びや感じたことをゆるく記録していきます。

JavaScript:addEventListenerの第3引数

今日のやってしまったことは、料理中に片栗粉をぶちまけたことです。

最近、JavaScriptのaddEventListenerの第3引数のオプションが追加されていたことを知りました。
バブリングかキャプチャリングを指定するためのtrue/falseしかない記憶だったのですが、以下3つのオプションが指定できるようです。

・capture
・once
・passive

詳しい説明は公式サイトで…
https://developer.mozilla.org/ja/docs/Web/API/EventTarget/addEventListener

今回の件の用途としては、スクロールを抑止したい場面で使ったのですが、このオプションが導入されたのもブラウザのパフォーマンス向上のためだとか🤔

周辺環境も常に進化しているので、大変ですがそれに追いつく必要性を改めて感じました。