javascript - For循环设置多个onclick监听器？

我有9个按钮，我想打开一个叠加式联系人框，但是我无法创建一个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";}

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

最佳答案

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