是的,addEventListener
可以綁定多個事件處理函數。你可以為一個元素添加多個事件監聽器,每個監聽器都可以有不同的回調函數。當指定的事件觸發時,所有綁定的事件處理函數都會按照它們被添加的順序依次執行。
以下是一個簡單的示例,展示了如何為一個按鈕元素綁定兩個不同的點擊事件處理函數:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Event Listener Example</title>
</head>
<body>
<button id="myButton">Click me!</button>
<script>
// 獲取按鈕元素
const button = document.getElementById('myButton');
// 定義第一個事件處理函數
function handleClick1() {
console.log('Handler 1 triggered');
}
// 定義第二個事件處理函數
function handleClick2() {
console.log('Handler 2 triggered');
}
// 為按鈕元素添加兩個點擊事件監聽器
button.addEventListener('click', handleClick1);
button.addEventListener('click', handleClick2);
</script>
</body>
</html>
在這個示例中,我們為 myButton
元素添加了兩個點擊事件監聽器。當用戶點擊按鈕時,handleClick1
和 handleClick2
函數都會被執行。