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. 統計 - MYSQL版本問題導致SQL語法錯誤!unknow column ’SQLSTR’2. 這是什么情況???3. python - Pycharm的Debug用不了4. node.js - nodejs開發中,有什么模塊能夠在控制臺中顯示調用某一接口的加載時間?5. Python的os.listdir在獲取文件列表時的順序問題6. html5 - 百度echart官網下載的地圖json數據亂碼7. java - svn導下來的項目,web-inf下怎么沒有lib文件呀?8. 如何用筆記本上的apache做微信開發的服務器9. javascript - 想問下百分比進度條實現原理以及這種布局怎么實現,還有賽馬時背景跟著動的原理?10. javascript - Vue.js2.0不能使用debounce后大伙一般是如何解決延遲請求的問題的呢。
