Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> JavaScript

जावास्क्रिप्ट के साथ इवेंट लिस्टनर कैसे हटाएं?


जावास्क्रिप्ट में addEventListener() मेथड से जुड़े इवेंट हैंडलर को हटाने के लिए removeEventListener() मेथड का उपयोग करें।

उदाहरण

<!DOCTYPE html> <html>    <head>       <style>          #box {             background-color: gray;             border: 2px dashed;          }       </style>    </head>    <body>       <div id="box">डेमो टेक्स्ट!          <p>इवेंट हैंडलर हटाने के लिए नीचे क्लिक करें।</p>          <button onclick="removeEvent()" id="btnid">हटाएं</button>       </div>       <p id="pid"> </p>       <script>          document.getElementById("box").addEventListener("mousemove", display);          function display() {             document.getElementById("pid").innerHTML = Math.random();          }          function removeEvent() {             document.getElementById("box").removeEventListener("mousemove", display);          }       </script>    </body> </html>

  1. JavaScript से ऑटोकंप्लीट कैसे बनाएं? JavaScript से ऑटोकंप्लीट कैसे बनाएं?

    फॉर्म में ऑटोकंप्लीशन (स्वचालित पूर्ण) बनाने का कोड नीचे दिया गया है। उदाहरण <!DOCTYPE html> <html> <head> <meta name=viewport content=width=device-width, initial-scale=1.0 /> <style> * { box-sizing: border-box; } body { margin: 10px; padding: 0px; fo

  1. JavaScript से टेक्स्ट टॉगल करें JavaScript से टेक्स्ट टॉगल करें

    JavaScript का उपयोग करके किसी एलिमेंट का टेक्स्ट कंटेंट दो स्थितियों के बीच टॉगल करना एक सामान्य UI पैटर्न है (जैसे अधिक दिखाएं/कम दिखाएं, चालू/बंद)। उदाहरण <!DOCTYPE html> <html> <head> <meta name=viewport content=width=device-width, initial-scale=1 /> <style> bo

  1. JavaScript से एलिमेंट से क्लास नाम कैसे हटाएं? JavaScript से एलिमेंट से क्लास नाम कैसे हटाएं?

    JavaScript से एलिमेंट से क्लास नाम हटाने के लिए, निम्न कोड का उपयोग करें: उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    .newStyle {       font-family: &