JavaScript addEventListener()事件监听方法

addEventListener()方法将事件处理程序附加到指定的元素。

addEventListener()方法将事件处理程序附加到元素，而不覆盖现有的事件处理程序。

您可以向一个元素添加许多事件处理程序。您可以向一个元素添加许多相同类型的事件处理程序，即两个“单击”事件。

您可以将事件侦听器添加到任何DOM对象，而不仅仅是HTML元素。即window对象。

addEventListener()方法可以更容易地控制事件对冒泡的反应。

使用addEventListener()方法时，JavaScript与HTML标记分离，以提高可读性，

并允许您添加事件侦听器，即使您不控制HTML标记也是如此。

您可以使用removeEventListener()方法轻松删除事件侦听器。

语法：element.addEventListener(event, function, useCapture);

• 第一个参数是事件的类型（如“ click”或“ mousedown”）。
• 第二个参数是我们想要在事件发生时调用的函数。
• 第三个参数是一个布尔值，指定是使用事件冒泡还是事件捕获。此参数是可选的。

请注意，您不要为事件使用“on”前缀; 用“ click”而不是“ onclick”。

document.getElementById("myBtn").addEventListener("click", displayDate);

向元素添加事件处理程序

当用户点击某个元素时提醒“Hello World！” ：