我需要创建一个事件监听器。但我不想使用任何框架
Jquery的:
$(".element").on('click', function(){});
如何在没有jquery的情况下制作它
答案 0 :(得分:2)
以下是如何在没有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
答案 1 :(得分:2)
请参阅element.addEventListener(...)
method:
var el = document.getElementById("foo");
el.addEventListener("click", function() {
alert("You clicked on 'foo'.");
}, false);
请注意,各种规范允许您以各种方式选择元素(例如getElementsByClassName(...)
,getElementsByTagName(...)
等)。