javascript - 删除 addEventListener 中传递参数的元素上的监听器

Question

如何删除这样的EventListener？我知道在 addEventListener 的 move 函数中我传递了一个异常函数，但我必须在那里传递一些参数。我该如何解决这个问题？

move = (id) => {
    roadFields.forEach((el) => {
        el.addEventListener('click', (e) => this.handleRoadField(id, matrixBoard, e));
    });
};

handleRoadField = (id, matrixBoard, event) => {
    if (true) {
        roadFields.forEach(el=>{
            el.removeEventListener('click', this.handleRoadField);
        })
    } else {
        console.log('X');
    }
};

Answer 1

尝试定义一个 onClick 函数并在两种方法中使用它:

move = (id) => {
    roadFields.forEach((el) => {
        el.addEventListener('click', onClick);
    });
};

handleRoadField = (id, matrixBoard, event) => {
    if (true) {
        roadFields.forEach(el=>{
            el.removeEventListener('click', onClick);
        })
    } else {
        console.log('X');
    }
};

function onClick(e) {
    this.handleRoadField(id, matrixBoard, e);
}