小編給大家分享一下在點(diǎn)擊div中的p時(shí)怎樣阻止事件冒泡，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

創(chuàng)新互聯(lián)專注于企業(yè)營(yíng)銷型網(wǎng)站、網(wǎng)站重做改版、光明網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、H5頁(yè)面制作、購(gòu)物商城網(wǎng)站建設(shè)、集團(tuán)公司官網(wǎng)建設(shè)、成都外貿(mào)網(wǎng)站制作、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)等建站業(yè)務(wù)，價(jià)格優(yōu)惠性價(jià)比高，為光明等各大城市提供網(wǎng)站開(kāi)發(fā)制作服務(wù)。

我還是以一個(gè)案例來(lái)說(shuō)明問(wèn)題，html代碼如下：

 <div onclick="show('a')">
   <p onclick="show('b')"></p>
 </div>

css代碼如下：

div{
  width:500px;
  height:500px;
  background:red;
 }
 p{
  width:200px;
  height:200px;
  background:blue;
 }

js代碼如下：

 function show(info){
    alert(info);
 }

稍微懂點(diǎn)js的人都知道當(dāng)我點(diǎn)擊p時(shí)，基于事件冒泡機(jī)制，會(huì)觸發(fā)父元素div的onclick事件，結(jié)果是先彈出b、再?gòu)棾鯽。

那么問(wèn)題來(lái)了，如何修改show()這個(gè)函數(shù)而只彈出b？我第一次的解決方法是（各位大神勿噴）：

function show(e,info){
 function cancelBubble(e){
  e = e || window.event;
  if (e.stopPropagation) {  
     e.stopPropagation(); 
  }else {   
     e.cancelBubble = true; 
  } 
 }
 alert(info);
}

結(jié)果老是報(bào)錯(cuò)。我就開(kāi)始各種百度，最終解決方法如下：

function show(info){
   alert(info);
   cancelBubble();
}
function cancelBubble(e) { 
   var evt = e ? e : window.event; 
    if (evt.stopPropagation) {  //W3C 
     evt.stopPropagation(); 
    }else {  //IE  
     evt.cancelBubble = true; 
    } 
}

看完了這篇文章，相信你對(duì)“在點(diǎn)擊div中的p時(shí)怎樣阻止事件冒泡”有了一定的了解，如果想了解更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！

本文題目：在點(diǎn)擊div中的p時(shí)怎樣阻止事件冒泡
網(wǎng)頁(yè)路徑：http://jinyejixie.com/article10/pspego.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供外貿(mào)網(wǎng)站建設(shè)、企業(yè)建站、做網(wǎng)站、網(wǎng)站改版、全網(wǎng)營(yíng)銷推廣、關(guān)鍵詞優(yōu)化

廣告

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