类的事件监听器？

我有一个引用 Id 的 EventListener，它运行良好，唯一的问题是我至少有十几个需要引用此 EventListener 的地方，所以我不想有十几个完全相同但具有不同 Id 的脚本。有没有办法让 EventListener 引用一个我可以在所有需要的地方使用的类。 谢谢

JavaScript：

document.getElementById("chartJump").addEventListener("click", function (e) { e.preventDefault() });

HTML:

<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenuGraphOne">
    <!--DROPDOWN MENU-->
    <li role="presentation"><a role="menuitem" tabindex="-1" id="chartJumpOne" href="#graphOneChart">Chart</a></li>
    <li role="presentation"><a role="menuitem" tabindex="-1" id="tableJumpOne" href="#graphOneData">Data</a></li>
</ul>

是的，使用类。每个元素都应该有一个公共类。使用 jQuery，你可以这样做：

$(document).ready(function () {
  $(".className").click(function (e) {
    e.preventDefault();
  });
});

获取更多信息$.click() and $.ready()。正如您所添加的jquery，我已经给出了jQuery的解决方案。

使用普通 JavaScript，您可以通过两种方式实现相同的功能：

对于旧浏览器：

window.onload = function () {
  list = document.getElementsByClassName("className");
  for (var i = 0; i < list.length; i++) {
    list[i].addEventListener("click", function (e) {
        e.preventDefault();
    });
  }
};

对于新浏览器：

window.onload = function () {
  list = document.querySelectorAll(".className");
  for (var i = 0; i < list.length; i++) {
    list[i].addEventListener("click", function (e) {
        e.preventDefault();
    });
  }
};