js 中止事件冒泡 阻止瀏覽器的默認行爲（好比阻止超鏈接 # ）

 

在前端開發工做中，因爲瀏覽器兼容性等問題，咱們會常常用到「中止事件冒泡」和「阻止瀏覽器默認行爲」。

1..中止事件冒泡

JavaScript代碼

//若是提供了事件對象，則這是一個非IE瀏覽器
if ( e && e.stopPropagation )
//所以它支持W3C的stopPropagation()方法
e.stopPropagation(); 
else
//不然，咱們須要使用IE的方式來取消事件冒泡 
window.event.cancelBubble = true;
return false;

2.阻止瀏覽器的默認行爲

JavaScript代碼

//若是提供了事件對象，則這是一個非IE瀏覽器 
if ( e && e.preventDefault ) 
//阻止默認瀏覽器動做(W3C) 
e.preventDefault(); 
else
//IE中阻止函數器默認動做的方式 
window.event.returnValue = false; 
return false;