एचटीएमएल डोम रिमूवइवेंट लिस्टनर () विधि
तत्व वस्तुउदाहरण
एक "माउसमोव" ईवेंट निकालें जिसे addEventListener() विधि से जोड़ा गया है:
// Attach an event handler to <div>
document.getElementById("myDIV").addEventListener("mousemove", myFunction);
// Remove the event handler from <div>
document.getElementById("myDIV").removeEventListener("mousemove", myFunction);
परिभाषा और उपयोग
removeEventListener() विधि एक ईवेंट हैंडलर को हटा देती है जिसे addEventListener() विधि से जोड़ा गया है ।
नोट: ईवेंट हैंडलर को हटाने के लिए, addEventListener() विधि के साथ निर्दिष्ट फ़ंक्शन बाहरी फ़ंक्शन होना चाहिए, जैसा कि ऊपर दिए गए उदाहरण (myFunction) में है।
बेनामी फ़ंक्शंस, जैसे " element .removeEventListener(" event ", function(){ myScript });" काम नहीं करेगा।
ब्राउज़र समर्थन
तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो पूरी तरह से विधि का समर्थन करता है।
Method | |||||
---|---|---|---|---|---|
removeEventListener() | 1.0 | 9.0 | 1.0 | 1.0 | 7.0 |
वाक्य - विन्यास
element.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() विधि का उपयोग कर सकते हैं।
यह उदाहरण एक क्रॉस-ब्राउज़र समाधान प्रदर्शित करता है:
var x = document.getElementById("myDIV");
if (x.removeEventListener) { // For all major browsers, except IE 8 and earlier
x.removeEventListener("mousemove", myFunction);
} else if (x.detachEvent) { // For IE 8 and earlier versions
x.detachEvent("onmousemove", myFunction);
}
संबंधित पृष्ठ
जावास्क्रिप्ट ट्यूटोरियल: HTML DOM EventListener
जावास्क्रिप्ट संदर्भ: document.removeEventListener ()
तत्व वस्तु