addEventListener是JavaScript中的一個方法,用于向一個元素添加事件監聽器。
使用addEventListener方法的語法如下:
element.addEventListener(event, function, useCapture);
其中,element是要添加事件監聽器的元素對象;event是要監聽的事件類型,如"click"、"mouseover"等;function是事件觸發時要執行的函數;useCapture是一個可選的布爾值參數,指定事件是在捕獲階段還是冒泡階段觸發,默認為false,即在冒泡階段觸發。
下面是一個示例,演示如何使用addEventListener方法來監聽按鈕的點擊事件:
// HTML
<button id="myButton">Click Me!</button>
// JavaScript
var button = document.getElementById("myButton");
button.addEventListener("click", function() {
alert("Button clicked!");
});
在上面的示例中,首先通過getElementById方法獲取到id為"myButton"的按鈕元素,然后使用addEventListener方法來為按鈕添加一個"click"事件監聽器,當按鈕被點擊時,會彈出一個對話框顯示"Button clicked!"。
注意,addEventListener方法可以多次調用,以為同一個元素添加多個事件監聽器。