js 中止事件冒泡 阻止瀏覽器的默認行爲（阻止a標籤跳轉 ）

 

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

中止事件冒泡

JavaScript代碼

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

阻止瀏覽器的默認行爲

JavaScript代碼

　　　　　　　　　　//編輯文章時阻止a標籤跳轉
                $("#final_content").find("a").click(function(e){
                    //若是提供了事件對象，則這是一個非IE瀏覽器 
                        if ( e && e.preventDefault ) {
                                    //阻止默認瀏覽器動做(W3C) 
                                    e.preventDefault(); 
                            }else{
                                //IE中阻止函數器默認動做的方式 
                                window.event.returnValue = false; 
                                return false;
                            }    
                    });