在集合上添加事件侦听器

Question

如果我有一个具有相同类的集合，我如何添加一个onclick事件监听器而不影响该类的每个项目。

<div class = "overlay">etc. etc.</div>
<div class = "overlay">etc. etc.</div>
<div class = "overlay">etc. etc.</div>
<div class = "overlay">etc. etc.</div>

我想要运行以下内容，但只会影响我点击的内容...并非所有这些都带有类名＆＃39; overlay＆＃39;：

x = document.getElementsByClassName("overlay")
x.addEventListener("click", function() { this.addClassName("hide"); } );

Answer 1

试一试：

x = document.getElementsByClassName("overlay");
for(var i = 0; i < x.length; i++){
    x[i].addEventListener("click", function() { this.classList.add("hide"); })
}