JavaScript入門 練習問題 10:DOMイベント処理
JavaScriptでイベントリスナーを追加するメソッドは?
- addEventListener()
- attachEvent()
- listenTo()
- bindEvent()
- onclickプロパティへの直接代入
Qraftユーザーの成績:正答率 94%(17/18回正解)
正解と解説を見る
正解:addEventListener()
現在のモダンブラウザでイベントリスナーを追加する標準的なメソッドはaddEventListener()です。
【正解の理由】
addEventListener()は`要素.addEventListener('イベント名', 処理関数)`という形で使い、同じ要素に複数のリスナーを追加できるモダンブラウザ標準のDOM APIです。
【不正解の理由】
• attachEvent():古いInternet Explorer(IE8以前)専用の仕組みで、現在のブラウザでは使用できません。
• listenTo():Backbone.jsなど一部のライブラリが独自に提供するメソッドで、標準JavaScriptには存在しません。
• bindEvent():標準JavaScriptにもDOM APIにも存在しないメソッド名です。
• onclickプロパティへの直接代入:動作はしますが、同じ要素に複数の処理を同時に登録できず、後から代入した関数で上書きされてしまいます。