JavaScriptイベントリスナークイズ！目指せJSマスター！ - プレイ中

1 第1問

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

A attachEvent()

B addEventListener()

C on()

D bind()

2 第2問

addEventListener()メソッドの第1引数に指定するものは何ですか？

A コールバック関数

B イベントの種類を表す文字列

C 要素のID

D イベントリスナーの名前

3 第3問

イベントリスナー内で、イベントが発生した要素自身を参照するために使用されるプロパティは何ですか？

A this

B element

C target

D source

4 第4問

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

A バブリングフェーズ

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

C ターゲットフェーズ

D デフォルトフェーズ

5 第5問

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

A removeListener()

B detachEvent()

C deleteEventListener()

D removeEventListener()

6 第6問

preventDefault()メソッドは、主にどのような目的で使用されますか？

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

B 要素のスタイルを変更する

C フォームの送信をキャンセルする

D イベントリスナーを削除する

7 第7問

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

A event

B data

C info

D details

8 第8問

次のコードで、クリックイベントが発生した際にアラートが表示されるのはどの要素ですか？ ```html <div id="parent"> <button id="child">Click Me</button> </div> <script> document.getElementById('parent').addEventListener('click', function(event) { alert('Parent Clicked'); }); document.getElementById('child').addEventListener('click', function(event) { alert('Child Clicked'); }); </script> ```

A 親要素（parent）のみ

B 子要素（child）のみ

C 親要素（parent）と子要素（child）の両方

D どちらの要素にもアラートは表示されない

9 第9問

イベント委譲（Event Delegation）の主な利点は何ですか？

A イベント処理のパフォーマンスが向上する

B コードの可読性が向上する

C イベントの伝播を制御しやすくなる

D イベントリスナーの数が少なくなる

10 第10問

addEventListenerメソッドの第3引数に`true`を指定した場合、イベントリスナーはどのフェーズで実行されますか？

A ターゲットフェーズ

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

C バブリングフェーズ

D リスナーフェーズ