dom_dom0500_005

addEventListener(“click”, handler, { ( A ): true }) とすると、そのリスナーは最初の1回だけ実行され自動で解除される。またスクロール系でパフォーマンスを重視し、ブラウザの既定動作を高速化するヒントを与えるフラグは ( B ) である。

解答

A: once
B: passive

解説

オプション { once: true } は初回1回限り。{ passive: true } はハンドラが preventDefault() しないと約束し、スクロール等の応答性向上に寄与。

使用例(サンプルコード)

[ html ]

<button id="one">1回だけ</button>
<script>
one.addEventListener("click", () => console.log("これ1回だけ"), { once: true });
window.addEventListener("scroll", () => {/* 軽量処理 */}, { passive: true });
</script>