Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> Javascript

จะเพิ่มตัวจัดการเหตุการณ์ให้กับองค์ประกอบใน JavaScript HTML DOM ได้อย่างไร


หากต้องการเพิ่มตัวจัดการเหตุการณ์ให้กับองค์ประกอบ ให้ใช้ JavaScript addEventListener() กระบวนการ. คุณสามารถลองเรียกใช้รหัสต่อไปนี้เพื่อเพิ่มตัวจัดการเหตุการณ์ -

ตัวอย่าง

<!DOCTYPE html>
<html>
   <body>
      <p>Click the below button.</p>
      <button id = "btnid">Click me</button>

      <p id = "pid"></p>

      <script>
         document.getElementById("btnid").addEventListener("click", displayEvent);

         function displayEvent() {
            document.getElementById("pid").innerHTML = Date();
         }
      </script>
   </body>
</html>