Re: [問題] removeEventListener 失敗?

看板Ajax作者sk1765 (鼎玉鉉)時間14年前 (2011/01/04 00:40)推噓1(1推 0噓 6→)

留言7則, 2人參與討論串2/3 (看更多)

※ 引述《klern (灰)》之銘言： : 大家好目前遇到一點瓶頸囧 : 我寫一小段要偵測在行動裝置上手勢的事件 : 但是最後的removeEventListener 似乎沒成功 : 我在remove的那個function中加了一段 alert 發現警告視窗數目會遞增 : 例如第一次彈一個視窗第二次就彈兩個 : 想請問我是哪裡寫錯了嗎謝謝 : P.S. 裝置為iPad , $.shove式一個plugin傳入目前的this : document.getElementById(“divID”).addEventListener(‘gesturestart’, : $.shove(this.onGestureStart, this), false); : onGestureStart: function(e) { : e.preventDefault(); : document.getElementById("divID").addEventListener('gesturechange', : $.shove(this.onGestureChange, this), true); : document.getElementById("divID").addEventListener('gestureend', : $.shove(this.onGestureEnd, this), true); : return false; : }, : onGestureChange: function(e) { : e.preventDefault(); : … : return false; : }, : onGestureEnd: function(e) { : e.preventDefault(); : alert('1'); : document.getElementById("divID").removeEventListener('gestureend', : $.shove(this.onGestureEnd, this), true); : document.getElementById("divID").removeEventListener('gesturechange', : $.shove(this.onGestureChange, this), true); : document.getElementById("divID").removeEventListener('gesturestart', : $.shove(this.onGestureStart, this), false); : return false; : } 我大概搞懂你的問題出在哪了就是那個$.shove addEventListener('gestureend',$.shove(this.onGestureEnd, this), true) 之所以可以繫結上event 是因為 $.shove(this.onGestureEnd, this) 回傳一個匿名function function() { return this.onGestureend.apply(this,e); } ->A 這個匿名function 繫結到了 gestureend事件所以即使gestureend事件不是直接執行 this.onGestureend 他仍然被跑到了現在再來看 removeEventListener('gestureend',$.shove(this.onGestureEnd, this), true) 他也繫結到了匿名function function() { return this.onGestureend.apply(this,e); } ->B 但是這個匿名function 跟addEventListener的那個完全是兩個匿名function 因為用$.shove產生了兩次 A和B是不同的所以只要想辦法刪到同一個匿名function就行了以下是我的解法多設幾個變數就行了 document.getElementById(“divID”).addEventListener(‘gesturestart’, a1 = $.shove(this.onGestureStart, this), false); onGestureStart: function(e) { e.preventDefault(); document.getElementById("divID").addEventListener('gesturechange', a2 = $.shove(this.onGestureChange, this), true); document.getElementById("divID").addEventListener('gestureend', a3 = $.shove(this.onGestureEnd, this), true); return false; }, onGestureChange: function(e) { e.preventDefault(); … return false; }, onGestureEnd: function(e) { e.preventDefault(); alert('1'); document.getElementById("divID").removeEventListener('gestureend', a3, true); document.getElementById("divID").removeEventListener('gesturechange', a2, true); document.getElementById("divID").removeEventListener('gesturestart', a1, false); return false; } 以上請參考若不能用在研究 -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 211.74.226.117