Question

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

Jquery的：

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

如何在没有jquery的情况下制作它

Answer 1

以下是如何在没有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

Answer 2

请参阅element.addEventListener(...) method：

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

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

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

2 个答案: