一次将click事件附加到多个元素？

Question

这是我在jQuery中的代码:

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

是否有任何JavaScript可以同时附加所有事件？

Answer 1

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

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