js中事件委托

1.什么是事件委托

事件委托顾名思义就是：把A即将要处理的事情，托管给B去处理。在javascript中，事件委托又叫事件代理。事件委托是利用事件冒泡来实现的。（事件冒泡：即事件开始时由最具体的元素接收，然后逐级向上传播到较为不具体的节点）只指定一个事件来处理程序，就可以管理 某一类型的所有事件。（如果子元素阻止了事件冒泡，那么事件委托就不能实现。）

2.事件委托的优点

提高了性能

3.适合用事件委托的事件：

1. click
2. mousedown
3. mouseup
4. keydown
5. keyup
6. keypress

需要小心的是:mouseover和mouseout虽然也有事件冒泡，但是需要特别的注意，因为需要经常计算它们的位置，处理起来不太容易

4.不适合用事件委托的事件：

1. mousemove(每次都要计算它的位置，非常不好把控)
2. focus，blur等(本身就没用冒泡的特性，自然就不能用事件委托了)

5.举例

1.事件委托在JavaScript中:

比如要给一个dom节点添加一个点击事件,但是现在事件不加在该dom节点本身,而是加在它的父节点身上,利用它父节点触发事件,给该dom节点实现事件效果。

使用场景:

1.重复的给dom节点添加事件
2.给dom树中尚未创建的元素(动态创建)添加事件