Javascript cung cấp addEventListener () phương thức đính kèm trình xử lý sự kiện đến phần tử được chỉ định. Phương thức này gắn một trình xử lý sự kiện vào một phần tử mà không ghi đè các trình xử lý sự kiện hiện có. Tại một thời điểm, có thể thêm nhiều trình xử lý sự kiện vào một phần tử.
addEventListener () phương pháp này giúp bạn dễ dàng kiểm soát cách sự kiện phản ứng với sủi bọt . Chúng ta có thể áp dụng nhiều sự kiện như di chuột qua, nhấp chuột, v.v.
Ví dụ
Trong ví dụ sau, di chuột qua sự kiện được chỉ định. Vì vậy, khi chúng ta đặt chuột vào nút, chúng ta sẽ nhận được văn bản được yêu cầu như được hiển thị trong đầu ra.
<html>
<body>
<p>This example uses the addEventListener() method to attach a mouseover event to a button.</p>
<input type = "button" id="myBtn" value = "listener">
<p id="listener"></p>
<script>
document.getElementById("myBtn").addEventListener("mouseover", displayText);
function displayText() {
document.getElementById("listener").innerHTML =
document.write("Tutorix is the best e-learning platform");
}
</script>
</body>
</html> Khi chúng tôi thực thi đoạn mã trên, chúng tôi sẽ nhận được thông tin sau được hiển thị trên màn hình.
Khi chúng tôi di chuột qua trên nút "người nghe", thì đầu ra sau được thực thi.
Đầu ra
