停止事件冒泡和阻止浏览器默认行为的脚本

在前端开发工作中，由于浏览器兼容性等问题，我们会经常用到“停止事件冒泡”和“阻止浏览器默认行为”。

1..停止事件冒泡
 

 

JavaScript代码

1. //如果提供了事件对象，则这是一个非IE浏览器   
2. if ( e && e.stopPropagation )   
3. 　　//因此它支持W3C的stopPropagation()方法   
4. 　　e.stopPropagation();   
5. else  
6. 　　//否则，我们需要使用IE的方式来取消事件冒泡   
7. 　　window.event.cancelBubble = true;   
8. return false;   
9.   

2.阻止浏览器的默认行为

JavaScript代码

1. //如果提供了事件对象，则这是一个非IE浏览器   
2. if ( e && e.preventDefault )   
3. 　　//阻止默认浏览器动作(W3C)   
4. 　　e.preventDefault();   
5. else  
6. 　　//IE中阻止函数器默认动作的方式   
7. 　　window.event.returnValue = false;   
8. return false;