在addEventListener中粘贴参数的元素上删除侦听器

康拉德·里奇科

我如何像这样删除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');
    }
};
耶普鲁比奥

尝试定义一个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);
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如果删除了DOM元素,是否还将其侦听器也从内存中删除了?

在动态创建的元素上添加事件侦听器

在删除元素之前是否需要删除事件侦听器?

如何删除元素中的所有侦听器?

如何在SWING JComponents上删除侦听器

从ViewTreeObserver删除侦听器

TransitionEnd侦听器在子元素上触发

JS:隐藏元素上的事件侦听器

从ScalaFX中的属性中删除侦听器

如何在Polymer 2.0中的span元素上设置侦听器?

从内部侦听器中删除Firestore快照侦听器

Reactjs,删除componentWillUnmount上的事件侦听器,

当我在D3中触发的事件中删除相应的元素时,如何删除元素的事件侦听器?

侦听器未在React中的组件卸载上被删除

从已删除的DOM元素中分离jQuery侦听器

未删除事件侦听器-点亮的元素

HTML元素列表上的事件侦听器

领域删除侦听器

使用静态方法删除 componentWillUnmount 上的侦听器

在Javascript中删除事件侦听器表单元素无需克隆元素并且不知道removeEventListener()的第二个参数

数组元素上的简洁事件侦听器

从侦听器列表中删除侦听器

当元素从 DOM 中删除时,Angularjs 会删除事件侦听器

如何在尚未在 DOM [no-jQuery] 中的元素上添加事件侦听器?

反应。如何在创建的侦听器中删除事件侦听器?

使用循环删除事件侦听器仅删除最后一个元素的侦听器

删除元素的动态附加事件侦听器

删除带有额外参数的事件侦听器

删除表项上的选择侦听器