如何在JavaScript HTML DOM中使用addEventListener()方法？

Z时代
2024-01-10
分类：综合

使用addEventListener()方法附加事件处理程序。

示例

您可以尝试运行以下代码，以了解如何在JavaScript中使用addEventListener() 方法-

<!DOCTYPE html>
<html>
   <body>
      <p>Double click the below button.</p>
      <button id = "btnid"> Double Click </button>
      <p id = "pid"> </p>
      <script>
         document.getElementById("btnid").addEventListener("dblclick", displayEvent);
         function displayEvent() {
            document.getElementById("pid").innerHTML = Date();
         }
      </script>
   </body>
</html>

以上是如何在JavaScript HTML DOM中使用addEventListener()方法？的全部内容，来源链接： utcz.com/z/353370.html