如何删除由 addEventListener 以事件对象作为参数绑定的匿名函数

2024-03-25

例如,

document.addEventListener('keyup',function(ev){
    if(ev.ctrlKey)dosomething();
},false);

有什么办法可以去掉匿名函数吗?


你可以自己写一个小接口addEventListener, 如下:

function addEventListener(elt, event, fn) {
  elt.addEventListener(event, fn);
  return function() {
    elt.removeEventListener(event, fn);
  };
}

这将返回一个可用于删除事件侦听器的函数,无论传递什么函数。

要使用这个:

var remove = addEventListener(body, 'click', () => alert('Hi Mom'));

remove();

要在事件侦听器触发后立即删除它,您只需要:

function addEventListenerOnce(elt, event, fn) {
  elt.addEventListener(event, function listener() {
    fn(e);
    elt.removeEventListener(elt, listener);
  });
}

或者,您可以使用新的{once: true}某些浏览器中正在实施的选项。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何删除由 addEventListener 以事件对象作为参数绑定的匿名函数 的相关文章

随机推荐