js如何避免重复监听addEventListener事件？
js
重复
编程技术
发布日期
2023-08-30
更新日期
2023-08-30
阅读次数 124
文章字数 387
要避免重复监听
办法一、指定一个元素和事件，这时重复添加只有一个生效
const $btn = document.getElementById('btn');
const clickHandler = () => {
console.info('this is handler1')
};
// 多次添加同一个事件处理函数，则不会重复执行
$btn.addEventListener('click', clickHandler);
$btn.addEventListener('click', clickHandler);
办法二、对于全局的，没法指定某个元素，最好的办法是先remote，然后再add，也就是在每次添加前先试着删除
例子：
//esc
document.removeEventListener("keydown",app.escShadowCloseHandler);
document.addEventListener("keydown",app.escShadowCloseHandler);文章作者: 朱丰华
文章链接: https://smart.52dixiaowo.com/blog/post-488.html
版权声明: 本博客所有文章除特別声明外，均采用 CC BY 4.0 许可协议。
js
重复
发表评论
相关推荐
朱丰华 Lv1
网站作者
关注
私信
获得点赞 161
文章被阅读 18,197
文章被阅读 18,197
广告位1
广告位2