JavaScriptイベントマスターへの道！目指せ！イベント処理クイズ王👑 - プレイ中

1 第1問

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

A attachEvent()

B addEventListener()

C on()

D bind()

2 第2問

次のうち、JavaScriptのイベントの種類として正しいものはどれですか？

A onfocus

B onselect

C onchangevalue

D onmouseovering

3 第3問

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

A this

B eventTarget

C element

D source

4 第4問

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

A stopEvent()

B preventDefault()

C stopPropagation()

D cancelEvent()

5 第5問

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

A stopEvent()

B preventDefault()

C stopPropagation()

D cancelEvent()

6 第6問

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

A removeEvent()

B detachEvent()

C removeEventListener()

D unbind()

7 第7問

イベントバブリングとは何ですか？

A イベントがターゲット要素から親要素へと伝播するフェーズ

B イベントが親要素からターゲット要素へと伝播するフェーズ

C イベントがターゲット要素でのみ処理されるフェーズ

D イベントが兄弟要素間で伝播するフェーズ

8 第8問

次のコードの出力結果は何ですか？ ```javascript <button id="myButton">Click me</button> <script> document.getElementById('myButton').addEventListener('click', function(event) { console.log(event.target.tagName); }); </script> ```

A button

B BUTTON

C #myButton

D undefined

9 第9問

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

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

B パフォーマンスの向上とメモリ使用量の削減

C イベント処理がより安全になる

D イベントの優先順位を制御できる

10 第10問

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

A removeEventListener()

B deleteEventListener()

C detachEventListener()

D clearEventListener()