एचटीएमएल डोम दस्तावेज़ निकालेंइवेंट लिस्टनर ()
उदाहरण
एक "माउसमोव" ईवेंट निकालें जिसे addEventListener() विधि से जोड़ा गया है:
// Attach an event handler to the document
document.addEventListener("mousemove", myFunction);
// Remove the event handler from the document
document.removeEventListener("mousemove", myFunction);
नीचे और अधिक "इसे स्वयं आज़माएं" उदाहरण।
परिभाषा और उपयोग
document.removeEventListener() विधि एक इवेंट हैंडलर को हटा देती है जिसे document.addEventListener() विधि से जोड़ा गया है ।
नोट: ईवेंट हैंडलर को हटाने के लिए, addEventListener() विधि के साथ निर्दिष्ट फ़ंक्शन बाहरी, "नामित" फ़ंक्शन होना चाहिए, जैसा कि ऊपर दिए गए उदाहरण (myFunction) में है।
बेनामी फ़ंक्शंस, जैसे "document.removeEventListener(" event ", function(){ myScript });" काम नहीं करेगा।
युक्ति: किसी निर्दिष्ट तत्व में/से ईवेंट हैंडलर जोड़ने/निकालने के लिए तत्व .addEventListener() और तत्व .removeEventListener() विधियों का उपयोग करें ।
वाक्य - विन्यास
document.removeEventListener(event, function, useCapture)
पैरामीटर मान
Parameter | Description |
---|---|
event | Required. A String that specifies the name of the event to remove. Note: Do not use the "on" prefix. For example, use "click" instead of "onclick". Tip: For a list of all HTML DOM events, look at our complete HTML DOM Event Object Reference. |
function | Required. Specifies the function to remove. |
useCapture |
Optional. A Boolean value that specifies the event phase
to remove the event handler from. Possible values:
|
टेक्निकल डिटेल
डोम संस्करण: | डोम लेवल 2 इवेंट |
---|---|
प्रतिलाभ की मात्रा: | कोई वापसी मूल्य नहीं |
चेंजलॉग: | फ़ायरफ़ॉक्स 6 और ओपेरा 12.0 में उपयोग कैप्चर पैरामीटर वैकल्पिक हो गया (क्रोम, आईई और सफारी के लिए हमेशा वैकल्पिक रहा है) |
और ज्यादा उदाहरण
उदाहरण
उन ब्राउज़र के लिए जो removeEventListener() विधि का समर्थन नहीं करते हैं, आप detachEvent() विधि का उपयोग कर सकते हैं।
यह उदाहरण एक क्रॉस-ब्राउज़र समाधान प्रदर्शित करता है:
if (document.removeEventListener) { // For all major browsers, except IE 8 and earlier
document.removeEventListener("mousemove", myFunction);
} else if (document.detachEvent) { // For IE 8 and earlier versions
document.detachEvent("onmousemove", myFunction);
}
संबंधित पृष्ठ
जावास्क्रिप्ट ट्यूटोरियल: HTML DOM EventListener
जावास्क्रिप्ट संदर्भ: तत्व .removeEventListener ()
ब्राउज़र समर्थन
document.removeEventListener()
एक डोम लेवल 2 (2001) फीचर है।
यह सभी ब्राउज़रों में पूरी तरह से समर्थित है:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |