javascript - 關于js原生事件的綁定與解除綁定
問題描述
直接上代碼
ele.addEventListener(’click’, function(e) { console.log(e)})
這里我需要在一定的情況下對ele的click事件進行解除綁定的操作,但是在綁定的時候我需要使用額外的參數比如event,我該怎么解除綁定呢?
我知道removeEventListener可以解綁,但是他們要傳入的那個函數必須是一個相同的具名外部函數,在我需要參數的情況下行不通了
我也知道在只需要綁定一個click事件的時候用ele.click = function() {}然后再用ele.click = null來解綁,或者使用其他工具庫提供的方法.
但是現在我只想要知道就用removeEventListener來解除有沒有可能
謝謝
問題解答
回答1:這樣就行,綁定和解綁的函數只要是指向同一個就ok
function handler(e){ //操作 console.log(e)}ele.addEventListener(’click’, handler);//綁定ele.removeEventListener(’click’, handler);//解綁回答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
相關文章:
1. git - 使用淘寶npm安裝hexo出現問題?2. html5和Flash對抗是什么情況?3. 小程序怎么加外鏈,語句怎么寫!求救新手,開文檔沒發現4. javascript - vue-resource中如何設置全局的timeout?5. javascript - 在 vue里面用import引入js文件,結果為undefined6. Java反射問題:為什么android.os.Message的recycleUnchecked方法不能通過反射獲取到?7. php如何獲取訪問者路由器的mac地址8. 多選框寫進數據庫怎么寫9. 求教一個mysql建表分組索引問題10. thinkPHP5中獲取數據庫數據后默認選中下拉框的值,傳遞到后臺消失不見。有圖有代碼,希望有人幫忙
