一次将click事件附加到多个元素？ [英] Attaching a click event to multiple elements at once?

问题描述

这是我在jQuery中的代码：

Here is my code in jQuery:

$('.paragraph, .section, .heading').on('input', function (e) {
   localStorage.setItem($(this).attr('id'), $(this).text());
});

是否有可以同时附加所有活动的JavaScript等价物？

Is there any JavaScript equivalent where I could attach all events at once?

推荐答案

您可以使用 querySelectorAll 包含多个元素选择器，然后将事件侦听器添加到每个元素

You could use querySelectorAll with your multiple element selectors, then add the event listeners to each one

var elements = document.querySelectorAll(".a, .b");
for (var i = 0; i < elements.length; i++) {
  elements[i].addEventListener("click", function() {
    console.log("clicked");
  });
}

这篇关于一次将click事件附加到多个元素？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！