js 事件冒泡_事件捕获_事件委托

事件流

事件流描述的是从页面中接收事件的顺序，有两种：事件冒泡和事件捕获
DOM2级事件流包括下面几个阶段。1,事件捕获阶段 2,处于目标阶段 3,事件冒泡阶段

事件冒泡

事件由最具体的元素向上传播到不具体的元素
取消冒泡：

1,W3C标准 event.stopPropagation()
2,IE谷歌: event.cancelBubble = true;

事件捕获

事件捕获与事件冒泡正好相反，是从最顶层向下传递的，（从最不具体的元素到最具体的元素传播

可以自己选择绑定事件时采用事件捕获还是事件冒泡，方法就是绑定事件时通过addEventListener函数，它有三个参数，第三个参数若是true，则表示采用事件捕获，若是false，则表示采用事件冒泡。（默认是false 事件冒泡）

顺序？

如果一个元素他同时绑定了许多的事件，有冒泡的事件，也有捕获的事件，那他的执行顺序？
先捕获再冒泡，先绑定的先执行

事件委托（事件代理）

将一些子元素的一些相似的事件放在父元素身上，利用事件冒泡来实现

优点：

• 提高性能，因为只需要添加一个事件处理函数，就可以代理所有事件
• 动态监听，可以自动绑定到新添加的元素上

例：
界面上有一个ul里面默认有5个li,并且还有一个按钮，当点击按钮就创建一个新的li，需要不管是默认有的li还是新的li都有点击事件