搜索
javascript - 关于js原生事件的绑定与解除绑定
巴扎黑
巴扎黑 2017-07-05 10:38:23
[JavaScript讨论组]

直接上代码

ele.addEventListener('click', function(e) {
    console.log(e)
})

这里我需要在一定的情况下对ele的click事件进行解除绑定的操作,但是在绑定的时候我需要使用额外的参数比如event,我该怎么解除绑定呢?

我知道removeEventListener可以解绑,但是他们要传入的那个函数必须是一个相同的具名外部函数,在我需要参数的情况下行不通了

我也知道在只需要绑定一个click事件的时候用ele.click = function() {}然后再用ele.click = null来解绑,或者使用其他工具库提供的方法.

但是现在我只想要知道就用removeEventListener来解除有没有可能

谢谢

巴扎黑
巴扎黑

全部回复(2)
淡淡烟草味

这样就行,绑定和解绑的函数只要是指向同一个就ok

function handler(e){
    //操作
    console.log(e)
}
ele.addEventListener('click', handler);//绑定
ele.removeEventListener('click', handler);//解绑
高洛峰
function bindFunc(e) {
    console.log(e);
    //用参数e来进行一些操作,干啥都行
}
this.cusBindFunc = bindFunc.bind(this, e); //bind一下,因为remove的时候用的func必须和绑定的时候一样
ele.addEventListener('click', this.cusBindFunc);//绑定事件
ele.removeEventListener('click', this.cusBindFunc);//解绑

另外为了兼容性,可以兼容一下attachEvent, detachEvent

不知道我是否理解了你的问题@AugustEchoStone

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号