一、DOM 事件流
DOM 事件流共有三个阶段 :
1、 事件捕获阶段:当事件发生的时候,事件从window开始依次往子元素传递
注意:在整个捕获的过程中,如果父元素有同类事件也会被一并触发
(2) 确定目标阶段:找到目标
(3) 事件冒泡阶段:从事件目标开始处理事件,处理完以后依次往父元素传递,一直传到window
二、阻止冒泡
(1) 在标准浏览器中:事件对象.stopPropagation()
(2) 在ie8-浏览器中:事件对象.cancelBubble = true
(3) 处理兼容:
ev.stopPropagation ? ev.stopPropagation() : ev.cancelBubble=true;