Javascript cung cấp removeEventListener () phương pháp xóa trình xử lý sự kiện . Sự kiện được xử lý thông qua addEvenetListener () phương pháp. removeEventListener () phương thức xóa các trình xử lý sự kiện đã được đính kèm với addEventListener () đó phương pháp.
Ví dụ
<html>
<body>
<h3 id="add">Hover me </h3>
<p id="remove"> </p>
<h3>Click this button to stop hovering effect </h3>
<input type ="button" id="clickIt" onclick="RespondClick()" value ="remove">
<script>
const listener = document.getElementById("add");
listener.addEventListener("mouseover", RespondMouseOver);
function RespondMouseOver() {
document.getElementById("remove").innerHTML += 1+ "</br>";
}
function RespondClick() {
listener.removeEventListener("mouseover", RespondMouseOver);
document.getElementById("remove").innerHTML += 0;
}
</script>
</body>
</html> Khi chúng tôi thực hiện đ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
Nếu chúng ta di chuột vào dòng chữ "Di chuột qua tôi" thì số 1 sẽ hiện ra. Số lần chúng ta di chuột, số lần 1 được tạo ra. Khi chúng ta di chuột qua văn bản trong 4 lần, chúng ta sẽ thấy lệnh sau được thực thi trên màn hình.
Đầu ra
To stop the event handler, we have to click on the "remove" button. After clicking on the remove button we get '0' displayed on the screen and later on even though we hover on the text no 1's will be produced as shown in the figure.
