Qraft(クラフト) 資格・学習クイズアプリ

JavaScript入門 練習問題 10:DOMイベント処理

JavaScriptでイベントリスナーを追加するメソッドは?

  1. addEventListener()
  2. attachEvent()
  3. listenTo()
  4. bindEvent()
  5. onclickプロパティへの直接代入

Qraftユーザーの成績:正答率 94%(17/18回正解)

正解と解説を見る
正解:addEventListener()

現在のモダンブラウザでイベントリスナーを追加する標準的なメソッドはaddEventListener()です。

【正解の理由】
addEventListener()は`要素.addEventListener('イベント名', 処理関数)`という形で使い、同じ要素に複数のリスナーを追加できるモダンブラウザ標準のDOM APIです。

【不正解の理由】
• attachEvent():古いInternet Explorer(IE8以前)専用の仕組みで、現在のブラウザでは使用できません。
• listenTo():Backbone.jsなど一部のライブラリが独自に提供するメソッドで、標準JavaScriptには存在しません。
• bindEvent():標準JavaScriptにもDOM APIにも存在しないメソッド名です。
• onclickプロパティへの直接代入:動作はしますが、同じ要素に複数の処理を同時に登録できず、後から代入した関数で上書きされてしまいます。

← 前の問題問題一覧次の問題 →
アプリで解いてレーティングを上げる(無料・登録不要)