2022/3/24jQueryに慣れすぎて、Javascriptで複数要素にイベントを登録しようとした時に少し迷ったので、同じような方向けにメモを残します。hogeクラスを持つすべての要素にclickイベントを登録したい時、jQueryの場合は下記のように書くと動くと思います。これをJavascriptでやりたい場合はどうすればいいでしょうか。$(document).on(“click”,”.hoge”,function(){//何かしらの処理})直感的にしてしまいやすい間違いjQueryに慣れすぎてしまった民にとって直感的にしてしまいやすい間違いとして、下記のようなものがあると思います。document.querySelectorAll(“.hoge”).addEventListener(‘click’,function(){//何かしらの処理})解決Javascriptでは複数の要素に直接的に一気にイベントを登録することはできない。いう事でforeachで回してその中で一つ一つにイベントを登録するようにます。})})おまけ:クリックされた要素の取得clickされた要素を取得しようとして『this』を指定したのですが、動きませんでした。代わりに『e.srcElement』で取得できるようです。})})もしくはこうでもいいですね。})})以上、Javascriptで複数の要素にイベントを登録する方法でした。参考になれば幸いです。Posts関連記事は見つかりませんでした。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。上に表示された文字を入力してください。views2021/1/202023/5/13タイトルとURLをコピーしました。