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 ER_BAD_DB_ERROR: Unknown database ’test’2. javascript - 我的站點貌似被別人克隆了, google 搜索特定文章,除了域名不一樣,其他的都一樣,如何解決?3. mysql - 記得以前在哪里看過一個估算時間的網站4. css - 關于offsetLeft和offsetTop5. javascript - Ajax加載Json時,移動端頁面向左上角縮小一截兒,加載完成后才正常顯示,這該如何解決?6. mysql刪除一個空數據庫報錯Table storage engine for ’proc’ doe7. python中怎么對列表以區間進行統計?8. python運行后沒有任何反饋要怎么排查9. angular.js使用$resource服務把數據存入mongodb的問題。10. javascript - 如何獲取未來元素的父元素在頁面中所有相同元素中是第幾個?
