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

कैसे जावास्क्रिप्ट के साथ घटना श्रोता को दूर करने के लिए?


AddEventListener() विधि से जुड़े ईवेंट हैंडलर को निकालने के लिए JavaScript में removeEventListener() विधि का उपयोग करें।

उदाहरण

<!DOCTYPE html>
<html>
   <head>
      <style>
         #box {
            background-color: gray;
            border: 2px dashed;
         }
      </style>
   </head>
   <body>
      <div id="box">Demo Text!
         <p>Click below to remove event handler.</p>
         <button onclick="removeEvent()" id="btnid">Remove</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. जावास्क्रिप्ट के साथ स्वत:पूर्ण कैसे बनाएं?

    किसी प्रपत्र में स्वत:पूर्णता बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <style>    * {       box-sizing: border-box;  

  1. जावास्क्रिप्ट के साथ टेक्स्ट को कैसे टॉगल करें?

    जावास्क्रिप्ट के साथ टेक्स्ट को टॉगल करने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family: "Segoe

  1. जावास्क्रिप्ट वाले तत्व से कक्षा का नाम कैसे निकालें?

    जावास्क्रिप्ट के साथ एक तत्व से एक वर्ग का नाम हटाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    .newStyle {       font-fam