js停止事件冒泡阻止瀏覽器的默認(rèn)行為-創(chuàng)新互聯(lián)

在前端開發(fā)工作中，由于瀏覽器兼容性等問題，我們會經(jīng)常用到“停止事件冒泡”和“阻止瀏覽器默認(rèn)行為”。

網(wǎng)站建設(shè)公司,為您提供網(wǎng)站建設(shè),網(wǎng)站制作,網(wǎng)頁設(shè)計及定制網(wǎng)站建設(shè)服務(wù),專注于成都企業(yè)網(wǎng)站建設(shè),高端網(wǎng)頁制作,對成都服務(wù)器租用等多個行業(yè)擁有豐富的網(wǎng)站建設(shè)經(jīng)驗的網(wǎng)站建設(shè)公司。專業(yè)網(wǎng)站設(shè)計,網(wǎng)站優(yōu)化推廣哪家好,專業(yè)成都網(wǎng)站推廣優(yōu)化,H5建站,響應(yīng)式網(wǎng)站。

瀏覽器默認(rèn)行為：

在form中按回車鍵就會提交表單；單擊鼠標(biāo)右鍵就會彈出context menu.

a標(biāo)簽

1..停止事件冒泡

JavaScript代碼

1 //如果提供了事件對象，則這是一個非IE瀏覽器2 if ( e && e.stopPropagation )3 //因此它支持W3C的stopPropagation()方法4 e.stopPropagation(); 
5 else6 //否則，我們需要使用IE的方式來取消事件冒泡 7 window.event.cancelBubble = true;8 return false;

2.阻止瀏覽器的默認(rèn)行為

JavaScript代碼

 1 element.|| window.event;   
 4  5 //如果提供了事件對象，則這是一個非IE瀏覽器  6  7 if (event&& event.preventDefault) { 8  9 　　//阻止默認(rèn)瀏覽器動作(W3C) 10 11         event.preventDefault();  
12 13     } else { 
14 15 　　  //IE中阻止函數(shù)器默認(rèn)動作的方式 16 17         window.event.returnValue = false;  
18 19     }  
20 21 　　//event.preventDefault?event.preventDefault():(event.returnValue = false);  22 23 }

或者直接返回false：

element.onclick = function(event) {  
  //...  
  return false;  
}

但是在使用return false時必須注意：
1、jQuery有自己的事件處理層，也對處理程序做了封裝，如果事件處理程序返回false，事件冒泡和瀏覽器默認(rèn)事件都會被阻止。
2、使用原生javaScript，在事件處理程序中返回false只會阻止瀏覽器默認(rèn)行為，而事件冒泡依然存在。
3、瀏覽器默認(rèn)行為和事件冒泡是相互獨(dú)立的。阻止事件冒泡不會影響默認(rèn)行為，反之亦然。

注意：
有一些瀏覽器行為是在事件處理程序執(zhí)行前發(fā)生的，也就是說這些默認(rèn)行為是無法取消的，如：在大部分瀏覽器上鼠標(biāo)移到一個超鏈接上超鏈接的樣式會發(fā)生改變，這個動作是發(fā)生在focus事件之前的，是focus事件處理程序中無法取消的。

摘自：http://blog.csdn.net/jquery_qq/article/details/51568816

http://www.cnblogs.com/yuzhongwusan/archive/2008/12/27/1363417.html

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

分享名稱：js停止事件冒泡阻止瀏覽器的默認(rèn)行為-創(chuàng)新互聯(lián)
當(dāng)前鏈接：http://www.muchs.cn/article28/dgiijp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供商城網(wǎng)站、靜態(tài)網(wǎng)站、小程序開發(fā)、手機(jī)網(wǎng)站建設(shè)、網(wǎng)站維護(hù)、用戶體驗

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)