阻止子元素繼承父元素事件具體思路及實(shí)現(xiàn)
更新時(shí)間：2013年05月02日 18:06:27 作者：
想要阻止點(diǎn)擊#p_cont區(qū)域時(shí)觸發(fā)a事件，需要在#p_cont區(qū)域內(nèi)加入阻止事件冒泡的代碼，具體實(shí)現(xiàn)祥看本文，希望對(duì)你有所幫助
復(fù)制代碼 代碼如下:
<div id="p_box" onclick="a()">
<div id=p_cont>
</div>
</div>
#p_box包括#p_cont,當(dāng)點(diǎn)擊#p_box區(qū)域任何位置時(shí)（包括#p_cont），都會(huì)觸發(fā)a事件。想要阻止點(diǎn)擊#p_cont區(qū)域時(shí)觸發(fā)a事件，需要在#p_cont區(qū)域內(nèi)加入阻止事件冒泡的代碼。
變成
復(fù)制代碼 代碼如下:
<div id="p_box" onclick="a()">
<div id="p_cont" onclick="stopBubble(this.id)">
</div>
</div>
function a(){
//這里是a事件的代碼
}
function stopBubble(e) {
if (e && e.stopPropagation) {//非IE瀏覽器
e.stopPropagation();
}
else {//IE瀏覽器
window.event.cancelBubble = true;
}
}
相關(guān)文章
js實(shí)現(xiàn)黑白div塊畫(huà)空心的圖形
這篇文章主要介紹了js實(shí)現(xiàn)黑白div塊畫(huà)空心的圖形，畫(huà)出矩形、三角形、菱形、圓形，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-12-12
這篇文章主要介紹了淺談webpack 自動(dòng)刷新與解析，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-04-04
變量作用域是程序中定義這個(gè)變量的區(qū)域。先貼一段代碼，如果讀者對(duì)代碼的輸出并不感到困惑就不用往下面讀了。2011-07-07![[js高手之路]從原型鏈開(kāi)始圖解繼承到組合繼承的產(chǎn)生詳解](http://img.jbzj.com/images/xgimg/bcimg3.png)
[js高手之路]從原型鏈開(kāi)始圖解繼承到組合繼承的產(chǎn)生詳解
下面小編就為大家?guī)?lái)一篇[js高手之路]從原型鏈開(kāi)始圖解繼承到組合繼承的產(chǎn)生詳解。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-08-08
對(duì)于type來(lái)說(shuō)，更多的是對(duì)類型的一種復(fù)用，比如在項(xiàng)目中需要用到一些比較復(fù)雜的或者書(shū)寫(xiě)起來(lái)很長(zhǎng)的類型，而對(duì)于 interface來(lái)說(shuō)，它是正兒八經(jīng)的用來(lái)定義接口類型（約束數(shù)類型和屬性）的，且接口類型是支持繼承和聲明合并的，感興趣的朋友跟隨小編一起看看吧2023-07-07
利用d3.js制作連線動(dòng)畫(huà)圖與編輯器的方法實(shí)例
這篇文章主要給大家介紹了關(guān)于如何利用d3.js制作連線動(dòng)畫(huà)圖與編輯器的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用d3.js具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-09-09
JS+Ajax+Jquery實(shí)現(xiàn)頁(yè)面無(wú)刷新分頁(yè)以及分組 超強(qiáng)的實(shí)現(xiàn)
JS+Ajax+Jquery實(shí)現(xiàn)頁(yè)面無(wú)刷新分頁(yè)以及分組 超強(qiáng)的實(shí)現(xiàn) 加上你的CSS完全可以與EXT媲美哦2009-08-08
IE8 兼容性問(wèn)題（屬性名區(qū)分大小寫(xiě)）
屬性名大小寫(xiě)問(wèn)題，如屬性window.screen.height2009-06-06
Bootstrap編寫(xiě)一個(gè)兼容主流瀏覽器的受眾門(mén)戶式風(fēng)格頁(yè)面
這篇文章主要介紹了Bootstrap編寫(xiě)一個(gè)兼容IE8、谷歌等主流瀏覽器的受眾門(mén)戶式風(fēng)格頁(yè)面，感興趣的小伙伴們可以參考一下2016-07-07
在學(xué)習(xí)Rx編程的過(guò)程中，理解Observable這個(gè)概念至關(guān)重要，常規(guī)學(xué)習(xí)過(guò)程中，通常需要進(jìn)行多次碰壁才能逐漸開(kāi)悟。這個(gè)有點(diǎn)像小時(shí)候?qū)W騎自行車，必須摔幾次才能掌握一樣。當(dāng)然如果有辦法能言傳，則可以少走一些彎路，盡快領(lǐng)悟Rx的精妙2021-06-06