javascript - 如何使用 forEach 删除事件监听器

Question

如何在 forEach 循环中创建事件监听器后删除事件监听器？ forEach 循环立即运行，我必须确定是否应删除事件的条件立即运行。

function play(){
    let arr = document.querySelectorAll(".box");
    let remove = false;
    arr.forEach((value,index)=> {
        value.addEventListener("click", () => {
            remove = true;
        });
    }
    if(remove === true){
        arr.forEach((value, index)=>{
            value.removeEventListener("click", ()=>{

            });
            })
        }
    }

Answer 1

removeEventListener 需要使用与 addEventListener 相同的函数调用。您不能使用匿名函数，因为每个实例都是一个不同的函数。定义一个命名函数并使用它。

function myClickHandler() {
    remove = true;
}
arr.forEach(value => value.addEventListener("click", myClickHandler));
if (remove) {
    arr.forEach(value => value.removeEventListener("click", myClickHandler);
}