For 循环设置多个 onclick 监听器？答案

【问题标题】：For loop to set multiple onclick listeners?For 循环设置多个 onclick 监听器？
【发布时间】：2015-07-31 17:49:17
【问题描述】：

我有九个按钮，我想打开一个覆盖联系人框，但我无法创建一个工作循环来做我想做的事情。基本上我想避免使用这个...

contactButton[0].onclick = function(){overlay.style.display = "block";}
contactButton[1].onclick = function(){overlay.style.display = "block";}
contactButton[2].onclick = function(){overlay.style.display = "block";}
contactButton[3].onclick = function(){overlay.style.display = "block";}
contactButton[4].onclick = function(){overlay.style.display = "block";}
contactButton[5].onclick = function(){overlay.style.display = "block";}
contactButton[6].onclick = function(){overlay.style.display = "block";}
contactButton[7].onclick = function(){overlay.style.display = "block";}
contactButton[8].onclick = function(){overlay.style.display = "block";}
contactButton[9].onclick = function(){overlay.style.display = "block";}

创建一个循环来帮助解决这个问题的最佳方法是什么？

【问题讨论】：

标签： javascript html function loops button

【解决方案1】：

for(var i = 0; i < contactButton.length; i++) {
    contactButton[i].onclick = function(){overlay.style.display = "block";}
}

【讨论】：

感谢您的帮助！