js事件相关知识点

js事件之事件流：

事件流原理图：事件流是从window开始，最后回到window的一个过程，分为三个阶段(1_{5)捕获过程、(5}6)目标过程、(6~10)冒泡过程。

• 冒泡型事件：事件按照从最具体的事件目标到最不具体的事件目标(document对象)向上传播的顺序触发。
  IE 5.5: div -> body -> document
  IE 6.0: div -> body -> html -> document
  Mozilla 1.0: div -> body -> html -> document -> window
• 捕获型事件(event capturing)：事件从最不具体的对象(document 对象)开始触发。
• DOM事件流：同时支持两种事件模型：捕获型事件和冒泡型事件，但是，捕获型事件先发生。两种事件流会触及DOM中的所有对象，从document对象开始，也在document对象结束。

js事件之事件对象

在触发DOM上的某个事件时，会产生一个事件对象event。这个对象中包含着所有与事件有关的信息。包括导致事件的元素，事件的类型以及其他与特定事件相关的信息。

js事件之事件委托

对多个DOM添加事件的解决方案。利用事件冒泡，只制定一个事件处理程序就可以管理某一类型的所有事件。
利用事件委托,只需要给父级(ul)绑定一个事件监听，即可让每个（li）都绑定上相应的事件。
如果直接获取li进行操作，则不符合性能优化，应尽量减少对DOM节点的操作。事件委托可以处理还未创建的子元素的事件，直接操作则不行。