javascript - 为什么“menuBtn.addEventListner”不是一个函数？

Question

const menuBtn = document.querySelectorAll(".menu-btn")

menuBtn.forEach(function(btn) {
    btn.addEventListener("click", function(e){
        let menuID = e.currentTarget.dataset.id;
    })
})

menuBtn.addEventListener("click", function(e) {
    let menuID = e.currentTarget.dataset.id;
})

这是一个问题。为什么“menuBtn.addEventListner”不是一个函数？为什么第二个错了？

谢谢你的解释：）

标签： javascriptmethods

Answer 1

您可以将事件侦听器添加到单个节点/按钮，而不是按钮数组。这就是为什么我们使用第二个是错误的。:)

这个也可以帮助你 https://www.nickang.com/2018-03-06-add-event-listener-for-loop-problem-in-javascript/