说说js的事件委托

• 概念？事件委托是利用事件的冒泡原理来实现的，比如我们平时在给ul中的li添加事件的时候，我们都是通过for循环一个个添加，如果li很多个的话，其实就有点占内存了，这个时候可以用 事件代理来优化性能

• 什么用？

  • 遍历孩子，绑定事件，存在性能问题。
  • li（孩子）如果是动态添加的，那么必须用事件委托

• 原理？事件委托是通过事件冒泡实现的

JavaScript的事件委托是一种利用事件冒泡机制的技术，将事件处理程序绑定到其父元素上，而不是直接绑定到每个子元素上。通过事件委托，可以减少事件处理程序的数量，提高性能，并且可以动态地处理新添加的子元素。

事件委托的实现步骤如下：

1. 选择一个父元素作为事件的监听器，通常是父级元素或者整个文档的根元素。

2. 绑定事件处理程序到父元素上，使用事件冒泡机制，事件会在父元素上触发。

3. 在事件处理程序中，通过事件对象的target属性获取触发事件的子元素。

4. 根据子元素的标识或其他属性，判断需要执行的操作，并进行相应的处理。

通过事件委托，可以实现以下优点：

1. 减少事件处理程序的数量：只需要在父元素上绑定一个事件处理程序，而不需要为每个子元素都绑定事件处理程序，减少了内存占用。

2. 提高性能：减少了事件处理程序的数量，避免了事件处理程序的重复创建和销毁操作，提高了页面的性能。

3. 动态处理新添加的子元素：对于通过动态添加的子元素，只需要绑定一次事件处理程序到父元素上，无需再为新添加的子元素绑定事件处理程序。

需要注意的是，事件委托适用于具有相似行为的子元素，如果子元素的行为差异较大，可能需要在事件处理程序中进行更详细的判断和处理。另外，事件委托也可能导致事件处理程序在不需要处理的元素上被触发，因此需要在事件处理程序中进行适当的判断和过滤。