Để thêm nhiều trình xử lý sự kiện vào cùng một phần tử, hãy sử dụng addEventListener () nhiều lần. Đối với mỗi trình xử lý sự kiện, bạn cần thêm một phương thức addEventListener ().
Ví dụ
Bạn có thể thử chạy mã sau để tìm hiểu cách thêm nhiều trình xử lý sự kiện -
<!DOCTYPE html>
<html>
<body>
<p>Click the below button once to get Date.</p>
<p>Click the below button twice to get an alert box.</p>
<button id="btnid"> Click me </button>
<p id="pid"></p>
<script>
document.getElementById("btnid").addEventListener("click", displayEvent);
var res = document.getElementById("btnid");
res.addEventListener("dblclick", myFunction);
function displayEvent() {
document.getElementById("pid").innerHTML = Date();
}
function myFunction() {
alert ("You clicked the button twice!");
}
</script>
</body>
</html>