JavaScript HTML DOM में addEventListener() मेथड कैसे काम करता है?

उदाहरण

addEventListener() मेथड से इवेंट हैंडलर संलग्न करें।

<!DOCTYPE html>
<html>
  <body>
    <p>नीचे दिए गए बटन पर डबल क्लिक करें।</p>
    <button id="btnid"> डबल क्लिक </button>
    <p id="pid"> </p>
    <script>
      document.getElementById("btnid").addEventListener("dblclick", displayEvent);
      function displayEvent() {
        document.getElementById("pid").innerHTML = Date();
      }
    </script>
  </body>
</html>

सिंटैक्स: element.addEventListener(event, function, useCapture)। तीसरा पैरामीटर वैकल्पिक है (डिफ़ॉल्ट false - बबलिंग फेज)।