addEventListener()?方法是 JavaScript 中用于處理指定元素的指定事件的函數。它有三個參數：
-
type（必需）：一個字符串，指定要監聽的事件名。 -
listener（必需）：一個實現了?EventListener?接口的對象，或者是一個函數，當指定的事件被觸發時，該函數將被調用。 -
options（可選）：一個指定有關監聽器屬性的布爾值或對象的選項。如果是布爾值，它表示?useCapture?參數。如果是對象，則可能包含以下屬性：capture：布爾值，指定事件是否在捕獲或冒泡階段執行。默認為?false。once：布爾值，指定監聽器是否在觸發一次后被自動移除。默認為?false。passive：布爾值，當為?true?時，表示?listener?將不會調用?preventDefault()。默認為?false。
下面是?addEventListener()?方法的詳細代碼示例：
// 獲取元素
var btn = document.getElementById('myButton');// 定義事件處理函數
function handleClick(event) {
alert('Button clicked!');
}// 添加事件監聽器
btn.addEventListener('click', handleClick);在這個例子中，我們獲取了一個具有 ID?myButton?的元素，并定義了一個名為?handleClick?的函數，該函數在點擊事件觸發時會顯示一個警告框。然后，我們使用?addEventListener()?方法將?handleClick?函數添加為?btn?元素的點擊事件監聽器。
如果你想要使用?options?參數，可以這樣做：
// 添加事件監聽器，只在捕獲階段觸發，并且只觸發一次
btn.addEventListener('click', handleClick, {
capture: true,
once: true
});在這個例子中，handleClick?函數只會在點擊事件的捕獲階段觸發，并且只觸發一次。之后，該監聽器將被自動移除。
