javascript - 關於js原生事件的綁定與解除綁定

Question

直接上程式碼

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

這裡我需要在一定的情況下對ele的click事件進行解除綁定的操作,但是在綁定的時候我需要使用額外的參數比如event,我該怎麼解除綁定呢?

我知道removeEventListener可以解綁,但是他們要傳入的那個函數必須是一個相同的具名外部函數,在我需要參數的情況下行不通了

我也知道在只需要綁定一個click事件的時候用ele.click = function() {}然後再用ele.click = null來解綁,或者使用其他工具庫提供的方法.

但是現在我只要知道就用removeEventListener來解除有沒有可能

謝謝

Answer 1

這樣就行，綁定和解綁的函數只要是指向同一個就ok

function handler(e){
    //操作
    console.log(e)
}
ele.addEventListener('click', handler);//绑定
ele.removeEventListener('click', handler);//解绑

Answer 2

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