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

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

For loop to set multiple onclick listeners?

html

javascript

loops

function

button