JavaScriptイベントリスナーマスターへの道！キミのJSスキルを試す4択チャレンジ - プレイ中

1 第1問

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

A attachEvent()

B addEventListener()

C on()

D listen()

2 第2問

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

A コールバック関数

B イベントの種類

C 要素のID

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

3 第3問

addEventListener()メソッドの第3引数として指定できるものは何ですか？

A イベントの優先度

B useCaptureオプション（またはoptionsオブジェクト）

C コールバック関数の引数

D イベントのタイムアウト

4 第4問

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

A removeListener()

B detachEvent()

C deleteEventListener()

D removeEventListener()

5 第5問

イベントの伝播を止めるために使用するメソッドは何ですか？

A stopEvent()

B cancelEvent()

C preventDefault()

D stopPropagation()

6 第6問

イベントのデフォルトの動作をキャンセルするために使用するメソッドは何ですか？

A stopEvent()

B cancelEvent()

C stopPropagation()

D preventDefault()

7 第7問

イベントデリゲーションの利点は何ですか？

A イベントリスナーの数が減り、パフォーマンスが向上する

B イベント処理がより複雑になる

C イベントの伝播を制御できなくなる

D コードの可読性が低下する

8 第8問

addEventListener() メソッドの第3引数に `{capture: true}` を指定した場合、イベントの伝播のどの段階でリスナーが実行されますか？

A ターゲットフェーズ

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

C バブリングフェーズ

D どのフェーズでも実行されない

9 第9問

addEventListener() を使用して同じ要素に同じイベントリスナーを複数回追加した場合、どうなりますか？

A 最初に追加されたリスナーのみが実行される

B 最後に追加されたリスナーのみが実行される

C すべてのリスナーが追加された回数だけ実行される

D リスナーは1回だけ実行される

10 第10問

removeEventListener() メソッドを使用してイベントリスナーを削除する場合、どの情報が完全に一致している必要がありますか？

A 要素とイベントタイプのみ

B 要素、イベントタイプ、リスナー関数のみ

C 要素、イベントタイプ、リスナー関数、キャプチャフェーズの指定

D イベントタイプとリスナー関数のみ

E 要素、イベントタイプ、リスナー関数、オプション（`useCapture` または `options`オブジェクト）