for循环设置多个onclick监听器？

Question

我有九个按钮，我想打开一个叠加联系人框但是我不能创建一个for循环来做我想做的事情。基本上我想避免使用这个......

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";}

创建循环以帮助解决此问题的最佳方法是什么？

Answer 1

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