addEventListener的正确使用方法

addEventListener

小樊

2024-06-17 20:12:57

栏目: 编程语言

addEventListener是一个用于给指定的事件目标添加事件监听器的方法。其正确的使用方法如下：

获取需要添加事件监听器的目标元素，可以是文档中的任何元素或者window对象。
使用addEventListener方法给目标元素添加事件监听器，语法为：element.addEventListener(event, function, useCapture)。
- event：要监听的事件类型，比如click、keydown等。
- function：事件发生时执行的函数，也叫事件处理函数。
- useCapture：可选参数，指定事件是在捕获阶段还是冒泡阶段执行，默认为false（在冒泡阶段执行）。
当指定的事件类型触发时，事件处理函数会被调用执行。

示例代码：

// 获取目标元素
var button = document.getElementById('myButton');

// 添加事件监听器
button.addEventListener('click', function() {
  alert('Button clicked');
});

在上面的示例中，当按钮被点击时，会弹出一个提示框显示“Button clicked”。

最新问答