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方法可以多次调用,以为同一个元素添加多个事件监听器。