理解事件触发,事件捕获,事件冒泡


1. 事件对象: 事件触发时自动创建的,封装了事件发生的元素和属性的信息。(存在event信息里面)

2. 事件周期:事件捕获、事件对象的触发,冒泡触发

3. 事件冒泡的应用: (1)阻止冒泡  e.stopPropagation();   IE: e.cancelBubble = true;

                                 (2)事件委托 ul>li  通过触发ul 元素进行判断对应子元素进行一些操作,就不用在li 上做过多的事件处理。

理解: 有多个元素包裹时,只点击内部元素的时候 ,首先事件捕获,先从外部开始 一层一层往下找,找到我们点击的元素进行事件的触发,然后通过冒泡原理传出去。

注意: IE下面没有捕获阶段,直接触发事件->冒泡

DOM