代码之家 › 专栏 › 技术社区 › Old Geezer

删除需要参数的事件侦听器

addeventlistener javascript

Old Geezer · 技术社区 · 6 年前

我有:

e.addEventListener("click",()=>{alert(this.innerText);});

我需要把它取下来。

如果我不使用匿名函数 removeEventListener ,如何通过 this 到命名函数?

function f() { 
   //how do I access the "this"?
}
e.addEventListener("click", f);

2 回复 | 直到 6 年前

deceze 6 年前

唯一的问题是,由于您是以内联方式声明函数,所以您没有任何函数句柄。您只需移动同一个声明并将其分配给一个变量:

const cb = () => alert(this.innerText);
e.addEventListener('click', cb);
e.removeEventListener('click', cb);

Tamás 6 年前

我通常只是创建一个更友好的功能来工作。

const listen = (el, ...args) => {
    el.addEventListener(...args);
    return{
        remove: () => el.removeEventListener(...args)
    };
};

所以你可以做像…

const listener = listen(document, 'click', () => {
    console.log('click');
    listener.remove();
});

推荐文章

aliezaheer · AddEventListener不适用于一个元素[重复]

2 年前

makerbaker · 取消选中框Javascript后重置输入值?

2 年前

Cain Nuke · 如何使事件侦听器在元素添加到DOM(纯js)后继续工作

2 年前

Bumboobee · 错误Uncaught TypeError:无法读取分离文件中null的属性(读取'addEventListener')

2 年前

aguywithquestions · 微调器加载动画页面加载后不会消失

3 年前

Abrar · Javascript颜色对比度查找器

3 年前

YannB · 如何为嵌套元素添加一个事件侦听器

6 年前

S16 · 使用普通JavaScript屏蔽名字和姓氏

6 年前

aman · 为什么要在脚本末尾执行Sourceopen事件侦听器?

6 年前

blake mcgarry · 如何使两个事件侦听器都工作

6 年前