addEventListener()
方法是 JavaScript 中用于向指定元素添加事件监听器的方法。它有两个参数:
- 事件名称 (type):这是一个字符串,表示要监听的事件名称。例如,'click'、'mouseover'、'keydown' 等。
- 事件处理函数 (listener):当事件被触发时,这个函数会被调用。这个函数通常接收一个参数,即事件对象,它包含了与事件相关的所有信息。
此外,addEventListener()
方法还可以接收第三个参数,即一个布尔值,表示是否在捕获阶段处理事件。然而,大多数情况下,这个参数被设置为 false
,表示在冒泡阶段处理事件。
下面是一个使用 addEventListener()
方法的示例代码:
// 获取一个元素 var button = document.getElementById('myButton'); // 定义事件处理函数 function handleClick(event) { alert('Button was clicked!'); // 在这里,你可以访问 event 对象,获取关于点击事件的信息 // 例如,你可以使用 event.target 获取被点击的元素 } // 添加事件监听器 button.addEventListener('click', handleClick);
在这个例子中,我们首先获取了一个按钮元素,然后定义了一个处理函数 handleClick
。这个函数在按钮被点击时会被调用,并弹出一个警告框。最后,我们使用 addEventListener()
方法将 handleClick
函数添加到按钮的 'click' 事件上。
如果你想在捕获阶段处理事件,你可以将第三个参数设置为 true
,如下所示:
button.addEventListener('click', handleClick, true);
然而,这在实际开发中并不常见,因为大多数情况下,我们更关心冒泡阶段的事件处理。