Dom事件流的顺序?什么是事件委托?

　　在前端中，DOM事件流描述了事件在文档对象模型(DOM)中的传播顺序。它包括以下三个阶段：

　　1.捕获阶段(Capture Phase)

　　事件从文档根节点一直向下传播到目标元素的过程。在这个阶段，事件会依次经过文档根节点、父节点，直到达到目标元素。

　　2.目标阶段(Target Phase)

　　事件已经达到目标元素。在这个阶段，事件会在目标元素上触发。

　　3.冒泡阶段(Bubbling Phase)

　　事件从目标元素开始向上传播回到文档根节点的过程。在这个阶段，事件会依次经过目标元素的父节点，直到达到文档根节点。

　　事件委托(Event delegation)是一种利用事件冒泡机制的技术。它通过将事件处理程序绑定到一个父元素上，然后利用事件冒泡的特性，来处理子元素上触发的事件。具体来说，当子元素触发事件时，事件会冒泡到父元素，然后父元素上绑定的事件处理程序会被触发。

　　事件委托的好处是可以减少事件处理程序的数量，提高性能和内存管理。相比于在每个子元素上都绑定事件处理程序，将事件处理程序绑定到父元素上可以简化代码，并且对于动态添加或移除的子元素也能正常工作，而无需重新绑定事件处理程序。

　　接下来我们看两段代码演示，具体展示了事件委托的概念：

　　HTML部分：

<ul id="parent-list">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>

　　JavaScript部分：

// 获取父元素
var parentList = document.getElementById('parent-list');

// 添加事件监听器到父元素上
parentList.addEventListener('click', function(event) {
  // 检查被点击的元素是否为列表项
  if (event.target.nodeName === 'LI') {
    // 输出被点击的列表项的文本内容
    console.log(event.target.textContent);
  }
});

　　在上述代码中，我们将事件监听器绑定到父元素ul上，而不是每个列表项li上。当点击列表项时，事件会冒泡到父元素，并被父元素上的事件监听器捕获到。然后我们检查被点击的元素是否为列表项，并输出其文本内容。

　　总结一下，DOM事件流按照捕获阶段、目标阶段和冒泡阶段的顺序传播事件。事件委托是一种利用事件冒泡机制，在父元素上绑定事件处理程序来处理子元素上触发的事件的技术。