我需要创建一个事件侦听器.但是我不想使用任何框架

i need to create an event listener. but i dont want to use any framework

本文关键字:侦听器 我不想 框架 任何 事件 一个 创建      更新时间:2023-09-26

我需要创建一个事件侦听器。但我不想使用任何框架

Jquery:

$(".element").on('click', function(){});

如何在没有jquery的情况下实现它???

以下是如何在没有JQuery的情况下创建EventListener。。。

[].forEach.call(document.querySelectorAll('.element'), function (el) {
  el.addEventListener('click', function() {
      // Your code
  }, false);
});

文件:https://developer.mozilla.org/en-US/docs/Web/API/EventTarget.addEventListener

这篇文章也很有趣:http://blog.romanliutikov.com/post/63383858003/how-to-forget-about-jquery-and-start-using-native

参见element.addEventListener(...)方法:

var el = document.getElementById("foo");   
el.addEventListener("click", function() {
  alert("You clicked on 'foo'.");
}, false);

请注意,各种规范允许您以各种方式选择元素(例如getElementsByClassName(...)getElementsByTagName(...)等)。