JS中事件处理机制包含事件委托、事件捕获和事件冒泡
1、事件委托（Event Delegation） 事件委托是一种利用事件冒泡机制的技术，它允许我们将事件处理程序绑定到父元素上，而不是在每个子元素上都绑定事件处理程序。 当一个事件发生在子元素上时，它会冒泡到父元素，然后由父元素上的事件处理程序来处理。这样做的好处是减少了事件处理程序的数量，尤其适用于动态生成的内容。 举例来说，如果有一个列表，我们希望对列表中的每个项都执行相同的操作，那么我们可以将点击事件处理程序绑定到整个列表的父元素上，而不是在每个列表项上都绑定。 2、事件捕获（Event Capturing） 事件捕获是事件处理的第一个阶段，在事件到达目标元素之前发生。 当一个事件发生时，它会从文档树的根节点开始向下传播至目标元素。在这个过程中，如果某个元素在捕获阶段上绑定了事件处理程序，那么这些事件处理程序会按照捕获的顺序被依次执行。 事件捕获阶段很少被使用，因为它相对不常见，而且大多数情况下我们更关心事件的冒泡阶段。 3、事件冒泡（Event Bubbling） 事件冒泡是事件处理的第二个阶段，在事件到达目标元素之后发生。 当一个事件发生时，它会从目标元素开始向上冒泡至文档树的根节点。在这个过程中，如果某个元素或者它的祖先元素上绑定了事件处理程序，那么这些事件处理程序会按照冒泡的顺序被依次执行。 事件冒泡是 JavaScript 中最常用的事件处理机制，因为它使得我们可以在较高级别的元素上捕获事件，并且更容易管理事件处理程序。
