removeEventListener काम नहीं कर रहा है

Question

मुझे नहीं पता कि मैं क्या गलत कर रहा हूं लेकिन यहां एक उदाहरण है जो मैं कर रहा हूं और ऐसा लगता है कि यह काम नहीं कर रहा है।

someDom.addEventListener('mousemove',function(ev) {self.onInputMove(ev)},false); 

someDom.removeEventListener('mousemove',self.onInputMove); 

removeEventListener कोड निष्पादित किया जाता, लेकिन यह सिर्फ 'MouseMove' श्रोता

Answer 1

onInputMove को दूर नहीं करता एक घटना-कॉलबैक विधि नहीं है। तो अगर आप की तरह कुछ करने की जरूरत है:

var event = function(ev) {self.onInputMove(ev)}; 
someDom.addEventListener('mousemove', event,false); 

someDom.removeEventListener('mousemove', event, false); 

Answer 2

removeEventListener कि बिल्कुल समारोह है कि जोड़ा गया है से मेल खाता है श्रोता निकाल देता है।

इस मामले में, समारोह है कि addEventListener जोड़ा था:

var some_func = function(ev) { 
    self.onInputMove(ev); 
}; 

स्टोर वास्तविक समारोह के लिए एक संदर्भ है और आप अच्छा हो जाएगा। उदाहरण के लिए, निम्नलिखित काम करना चाहिए:

someDom.addEventListener('mousemove',self.onInputMove,false); 

someDom.removeEventListener('mousemove',self.onInputMove,false); 

Answer 3

क्यों यह अपने आप इतनी मेहनत करते हैं, सिर्फ एक तत्व के लिए एक घटना बाध्य करने के लिए निम्नलिखित का उपयोग करें: जब आप निकालना चाहते हैं, अब

element.onmousemove = function(e) { 
    // Some code here... 
    alert("Mouse moved!"); 
}; 

घटना, बस यह करें:

element.onmousemove = null; 

हो गया!

आशा है कि यह आपको लोगों की मदद करेगा!

Answer 4

यह पृष्ठ Google पर इस तरह के/इस मुद्दे को खोजने पर सबसे पहले आता है। तो पहले से ही दिए गए उत्तरों के अलावा, भविष्य के लिए यहां एक और दिलचस्प तथ्य है:

उपयोग के लिए addEventListener() में तीसरे वैकल्पिक चर को छोड़कर कैप्चर/उपयोगबबल (जैसा कि यह गलत पर डिफ़ॉल्ट है) उसी ईवेंटलिस्ट को हटाते समय कुछ समस्या उत्पन्न करता है उसी कॉलबैक नाम के साथ। क्रोम पर काम करते समय मुझे इस मुद्दे का सामना करना पड़ा। अन्य ब्राउज़रों के बारे में कहें।

तो तीसरे चर को स्पष्ट रूप से "झूठी" के रूप में वर्णित करें।