JavaScript HTML DOM EventListener（事件监听器）（秒懂事件监听）
在JavaScript中，可以使用addEventListener方法为DOM元素添加事件监听器。这样当特定事件发生时，可以执行一些JavaScript代码。
以下是一个简单的例子，演示了如何为一个按钮添加点击事件监听器：
// 获取按钮元素
const myButton = document.getElementById('myButton');
// 为按钮添加点击事件监听器
myButton.addEventListener('click', function() {
alert('按钮被点击了!');
});在这个例子中，当按钮被点击时，会弹出一个警告框。
addEventListener方法接受两个参数：
- 事件名称：一个字符串，指定要监听的事件类型，例如
'click'、'mouseover'等。 - 事件处理函数：当事件发生时要执行的函数。
你可以为同一个元素添加多个事件监听器，并且它们会按照被添加的顺序依次触发。如果同一个事件监听器被添加多次，它也会被多次触发。为了避免这种情况，可以使用removeEventListener方法移除不需要的监听器。
评论已关闭