JavaScriptイベントリスナーマスターへの道！クリック地獄からの脱出クイズ

1 第1問

JavaScriptで、ある要素にイベントリスナーを追加するために使用されるメソッドは何ですか？

A attachEvent()

B addEventListener()

C on()

D bind()

2 第2問

addEventListener()メソッドの第3引数として`true`を渡すと、イベントリスナーはどのフェーズで実行されますか？

A ターゲットフェーズ

B キャプチャリングフェーズ

C バブリングフェーズ

D イベントリスナーフェーズ

3 第3問

addEventListener()を使用して追加されたイベントリスナーを削除するために使用されるメソッドは何ですか？

A removeEventListener()

B detachEvent()

C clearEventListener()

D deleteEventListener()

4 第4問

次のうち、JavaScriptでサポートされているイベントタイプはどれですか？

A onhover

B onclick

C onselect

D onchangeevent

5 第5問

イベントリスナー内で、イベントに関する情報を格納しているオブジェクトは何と呼ばれますか？

A event

B this

C target

D data

6 第6問

次のコードで、addEventListenerが実行される回数は何回ですか？ `for (let i = 0; i < 5; i++) { element.addEventListener('click', function() { console.log(i); }); }`

A 1回

B 5回

C 0回

D 未定義

7 第7問

イベントリスナー内で`preventDefault()`メソッドを呼び出すと、何が起こりますか？

A イベントの伝播が停止する

B イベントのデフォルトの動作がキャンセルされる

C イベントリスナーが削除される

D イベントが発生した要素が削除される

8 第8問

JavaScriptでイベントリスナーを削除するために使用するメソッドは何ですか？

A removeEventListener()

B detachEvent()

C deleteEventListener()

D clearEventListener()

9 第9問

次のうち、addEventListener()メソッドの第3引数で、イベントリスナーがキャプチャフェーズで発火するように設定するための正しい記述はどれですか？

A useCapture: true

B capture: true

C atTarget: true

D bubble: false

10 第10問

JavaScriptでイベントリスナーを要素にアタッチする方法として正しくないものはどれですか？

A addEventListener()メソッドを使用する

B HTML要素の属性としてイベントハンドラを直接記述する (例: `<button onclick="myFunction()">`)

C 要素のプロパティとしてイベントハンドラを割り当てる (例: `element.onclick = myFunction`)

D attachEvent()メソッドを使用する