JSイベントリスナークイズ

1 第1問

`addEventListener` メソッドの基本的な構文として正しいものはどれですか？

A element.on('click', handler)

B element.attachEvent('click', handler)

C element.addEventListener('click', handler, options)

D element.addEvent('click', handler)

2 第2問

イベントリスナー関数に自動的に渡される引数で、イベントに関する情報（例: 発生元の要素、マウス座標など）を含むオブジェクトは何と呼ばれますか？

A targetObject

B eventObject

C event

D listenerData

3 第3問

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

A element.deleteEventListener('click', handler)

B element.removeEvent('click', handler)

C element.detachEventListener('click', handler)

D element.removeEventListener('click', handler)

4 第4問

リンクのクリックやフォームの送信など、特定のイベントのブラウザによるデフォルトの動作をキャンセルするために使用するメソッドは何ですか？

A event.stopDefault()

B event.cancelAction()

C event.preventDefault()

D event.haltEvent()

5 第5問

`function` キーワードで定義された通常のイベントリスナー関数内で、`this` キーワードは何を参照しますか？

A `window` オブジェクト

B イベントが発生した要素 (`event.target`)

C イベントリスナーがアタッチされた要素 (`event.currentTarget`)

D `document` オブジェクト

6 第6問

多数の子要素にそれぞれイベントリスナーを設定する代わりに、親要素に単一のイベントリスナーを設定し、イベントの発生元を特定して処理する手法は何と呼ばれますか？

A イベントバブリング

B イベントキャプチャリング

C イベントデリゲーション

D イベントプロパゲーション

7 第7問

ユーザーがキーボードのキーを押したときに発生するイベントタイプとして正しいものはどれですか？

A `keypressed`

B `keydown`

C `onkey`

D `keyhit`

8 第8問

`addEventListener` のオプションオブジェクトで、イベントリスナーが一度だけ実行された後に自動的に削除されるように設定するプロパティは何ですか？

A `single`

B `once`

C `oneTime`

D `autoRemove`

9 第9問

JavaScriptで`removeEventListener()`メソッドを使用してイベントリスナーを正常に削除するために必要な引数の組み合わせとして正しいものはどれですか？

A イベントタイプ（例: 'click'）のみ。

B イベントタイプと、`addEventListener()`で登録したのと同じイベントハンドラ関数。

C イベントハンドラ関数のみ。

D イベントタイプ、イベントハンドラ関数、および要素のID。

10 第10問

イベントハンドラ内で`event.preventDefault()`メソッドを呼び出す主な目的は何ですか？

A イベントの伝播（バブリングまたはキャプチャリング）を停止する。

B そのイベントに関連付けられたブラウザのデフォルトの動作をキャンセルする。

C イベントリスナーの実行を一時停止し、後で再開できるようにする。

D イベントオブジェクトから機密性の高いデータを削除する。

JSイベントリスナー クイズ