複数の要素には同じイベントを設定できますか?

「document.querySelectorAll(セレクタ).addEventListener()」といった書き方はできません。forEachを使いましょう。
2020年11月11日
ユーザー

JavaScriptでクリックイベントを設定する場合、
使いやすいようにそれぞれ、div要素を作りid属性を付ける、といった理解でおりましたが、
今回のレッスンで、クラス属性を指定し、その要素を特定することも可能と学びました。
クラス属性はHTMLで複数の場所で使用することができますが、
document.querySelectorAllで、複数の場所で使用しているクラスを指定した場合、
そのクラスが付いている要素全てについて、同じイベントを設定することができますか?

たとえば、モーダルウインドウの閉じるボタンなどは、モーダルウィンドウが複数あっても同じ動作を指定することになるので、クラス属性を指定し、同じイベントを設定できれば・・・と思うのですが。

この回答を見るにはプレミアムサービスへの登録が必要です

プレミアムサービスとは?