javascript - 第一次点击后禁用点击事件

Question

我有一个函数，每次用户点击页面上的图像时都会计数:

for(var i = 0; i < document.getElementsByClassName("face").length; i++){
    document.getElementsByClassName("face")[i].addEventListener("click", counter)
}

function counter(){
    count ++;
}

而且我想在第一次点击后禁用它，这样它就不会继续计算对同一图片的重复点击。我知道在 HTML 标记上添加 this.onclick=null 会起作用，但我想知道是否有办法在 javascript 文件本身上执行此操作，所以我不需要将 javascript 放到我的HTML 文件。

Answer 1

您需要从每个被点击的元素中移除事件监听器:

function counter(){
    count++;
    this.removeEventListener('click', counter);
}