在 Web 开发中，DOM 事件监听器（EventListener）是非常重要的概念。通过事件监听器，我们可以在特定的 DOM 元素上监听各种事件，并在事件发生时执行相应的操作。
添加事件监听器
要在 DOM 元素上添加事件监听器，我们可以使用 addEventListener 方法。语法如下：
------------------------------- --------- ------------
event：表示要监听的事件名称，比如click、mouseover等。function：表示事件触发时执行的函数。useCapture：一个可选的布尔值参数，指定事件是在捕获阶段还是冒泡阶段处理。默认为 false，表示在冒泡阶段处理。
示例代码：
-- -------- ----- ------ - ------------------------------------ -- -- ----- ----- -------------------------------- ---------- - ------------- ----------- ---
事件对象
在事件监听器的回调函数中，可以通过参数来获取事件对象。事件对象包含了关于事件的各种信息，比如触发事件的元素、事件类型等。
示例代码：
-- --------- ----- ----- - ----------------------------------- -- -- ----- ----- ------------------------------- --------------- - ------------------ ----- ---------- -------------------- ---
移除事件监听器
如果我们想要移除已经添加的事件监听器，可以使用 removeEventListener 方法。语法如下：
---------------------------------- --------- ------------
示例代码：
-- ------- ----- ----- ----------------------------------- --------------
通过学习 DOM EventListener，我们可以更好地处理用户交互、页面操作等各种事件，使我们的 Web 应用更加灵活和交互性。