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

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

addeventlistener javascript

Old Geezer · 技术社区 · 7 年前

我有:

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

我需要把它取下来。

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

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

2 回复 | 直到 7 年前

deceze 7 年前

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

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

Tamás 7 年前

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

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

所以你可以做像…

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

推荐文章

Maroof Kadiri · 全局变量未在特定块中访问

1 年前

huz3y · addEventListener不适用于从javascript添加的新类所选的元素

1 年前

Gerald · 试图在addEventListener内设置表单的文件input.value=null

2 年前

Alx_Wil95 · script.js:3:20未捕获类型错误:无法读取null的属性(正在读取“addEventListener”)

2 年前

Pajurama Kreativagentur · 悬停时显示的图像在Safari中不起作用

2 年前

Kony Nunez · 在第一个按钮中添加一个事件侦听器,将<h1>中的文本更改为大写或全小写

2 年前

Mahdiyar · 使用AddEventlistener重新加载页面的Javascript

2 年前

Diana Heng · 如何为每个产品添加评论?

2 年前

xVentux · 为什么eventListener没有应用于按钮元素?

2 年前

user13286 · 让锚点元素上的点击事件监听器也应用于锚点的子元素[重复]

2 年前