dom_dom0500_001

クリックイベントを登録するには、button.addEventListener(( A ), handler, ( B )) のように書ける。ここで ( A ) はイベントタイプ、( B ) はキャプチャリングを有効にするために true を指定できるオプションである。

解答

A: “click”
B: true

解説

addEventListener(type, listener, useCaptureOrOptions) の第1引数はイベントタイプ文字列で、クリックは “click”。第3引数に true を渡すとキャプチャリング段階でハンドラが実行される({ capture: true } と等価)。

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

[ html ]

<button id="btn">押す</button>
<script>
const btn = document.getElementById('btn');
btn.addEventListener("click", e => console.log("バブリングで実行"), false);
btn.addEventListener("click", e => console.log("キャプチャで実行"), true);
</script>