冒泡事件:事件触发时由里到外
比如: IE678:div > body > html > document
其他浏览器: div > body > html > document > window
事件发生时,浏览器默认执行三个阶段(U形状):
1,捕获阶段
2、目标阶段
3、冒泡阶段
阻止冒泡:阻止传播:stopPropagation( )
阻止冒泡的兼容性写法
兼容性:IE678:event.cancelBubble = true;
新版浏览器:event.stopPropagation( )
阻止冒泡的兼容性函数函数
if(event.stopPropagation){
event.stopPropagation()
}else{
event.cancelBubble()
}