如何使用onclick事件中的函数，并使用循环对函数中数组中的函数进行计数，从而调用多个JavaScript函数

How to call multiple JavaScript functions by using function in onclick event and using loop to count functions from array in function?

本文关键字：函数 调用 JavaScript 循环 事件 onclick 何使用 数组      更新时间：2023-09-26

如何使用onclick事件中的函数调用多个JavaScript函数，并使用循环对函数中数组中的函数进行计数？演示：

var arr = [function one(){console.log("one")}, function two(){console.log("two")} ];
htmlElement.onclick = function(){
  for(var i = 0, a = arr.length; i < a; i++ ){
  }
}

Simple-不要使用onclick-它很脆弱（尤其是在HTML中内联使用时），让人回想起90年代JS的编写方式。

改为使用addEventListener：

arr.forEach(function(callback) {
    htmlElement.addEventListener('click', callback);
});

for(var i = 0,a = arr.length; i<a; i++){
    arr[i]();
}

这应该行得通。

相关文章：