在點(diǎn)擊div中的p時(shí)怎樣阻止事件冒泡
小編給大家分享一下在點(diǎn)擊div中的p時(shí)怎樣阻止事件冒泡，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！
創(chuàng)新互聯(lián)專注于企業(yè)營銷型網(wǎng)站、網(wǎng)站重做改版、光明網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、H5頁面制作、購物商城網(wǎng)站建設(shè)、集團(tuán)公司官網(wǎng)建設(shè)、成都外貿(mào)網(wǎng)站制作、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計(jì)等建站業(yè)務(wù)，價(jià)格優(yōu)惠性價(jià)比高，為光明等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。
我還是以一個(gè)案例來說明問題，html代碼如下：
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、再彈出a。
那么問題來了，如何修改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ò)。我就開始各種百度，最終解決方法如下：
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;
}
}看完了這篇文章，相信你對“在點(diǎn)擊div中的p時(shí)怎樣阻止事件冒泡”有了一定的了解，如果想了解更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！
分享名稱：在點(diǎn)擊div中的p時(shí)怎樣阻止事件冒泡
本文路徑：
http://weahome.cn/article/pspego.html
重慶分公司
重慶分公司
