添加了非被动事件侦听器

在编写代码时可能需要处理很多类型的事件。被动事件侦听器是一种常用的模式，用于监听用户/系统操作而不是发送命令。当然，还存在另一种模式——非被动事件侦听器，它可以监听到非用户/系统操作引起的事件。

在添加非被动事件侦听器时，应该使用 addEventListener() 方法。这个方法需要两个参数：

1. 事件名称
2. 事件处理函数

//示例代码
function myFunction() {
  document.getElementById("myBtn").addEventListener("click", function(){
    alert("Hello World!");
  });
}

上面的示例代码是向ID为 myBtn 元素添加了一个单击事件的非被动事件侦听器。当用户单击该元素时，将弹出 Hello World! 的警告框。

需要注意的是，添加非被动事件侦听器时，默认情况下，事件处理程序在捕获阶段执行。如果您想在冒泡阶段执行，则需要在事件名称后添加 true。

//示例代码
function myFunction() {
  document.getElementById("myBtn").addEventListener("click", function(){
    alert("Hello World!");
  }, true);
}

现在您已经了解了如何添加非被动事件侦听器，尝试使用它来编写更强大的网页吧！