javascript - jQuery:为什么这个 For 循环不起作用？

Question

这里有一个相当具体的问题。我有以下代码:

$(document).ready(function() {
    var cartButArr = document.querySelectorAll(".toCart")

    for(i=0; i<cartButArr.length; i++){
        cartButArr[i].onclick = cartAdd();
    }
});

然后，被调用的函数:

function cartAdd() {
    alert("yo!");
}

但是，无论出于何种原因，这个 for 循环都无法正常工作。当我启动该页面时，我会连续收到六个警报，而不是每次单击时都会调用警报。我做错了什么？

提前致谢!

Answer 1

onclick 事件应附加到该事件触发时调用的函数

您所做的实际上是调用函数 cartAdd 并将其值分配给 onclick，这不会将其结果识别为函数

更换线路

cartButArr[i].onclick = cartAdd();

用这个

cartButArr[i].onclick = cartAdd;