事件流即事件的传递,常见的事件流机制:
- 冒泡:事件的传递由最具体的元素,层层向外传递,直到最外层元素
- 捕获:时间的传递由最外层向内层层传递,直到最具体的元素
注:现代主流浏览器事件传递机制都是冒泡机制
阻止事件流(冒泡)方法:
stopPropagation();//兼容谷歌和火狐
cancelBubble=true;//兼容IE
阻止事件流兼容写法:
obj.(on)事件名=function(e){
if(e!=undefined){
e.stopPropagation();
}else{
window.event.cancelBubble=true;
}
};
//或者
obj.(on)事件名=function(e){
e?e.stopPropagation():window.event.cancelBubble=true;
};