阻止子元素繼承父元素事件具體思路及實現(xiàn)

更新時間：2013年05月02日 18:06:27 作者：

想要阻止點擊#p_cont區(qū)域時觸發(fā)a事件，需要在#p_cont區(qū)域內(nèi)加入阻止事件冒泡的代碼，具體實現(xiàn)祥看本文，希望對你有所幫助

復制代碼代碼如下:

 
<div id="p_box" onclick="a()"> 
<div id=p_cont> 
</div> 
</div> 

#p_box包括#p_cont,當點擊#p_box區(qū)域任何位置時（包括#p_cont），都會觸發(fā)a事件。想要阻止點擊#p_cont區(qū)域時觸發(fā)a事件，需要在#p_cont區(qū)域內(nèi)加入阻止事件冒泡的代碼。
變成

復制代碼代碼如下:

 
<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; 
} 
} 

js實現(xiàn)黑白div塊畫空心的圖形
這篇文章主要介紹了js實現(xiàn)黑白div塊畫空心的圖形，畫出矩形、三角形、菱形、圓形，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2018-12-12
淺談webpack 自動刷新與解析
這篇文章主要介紹了淺談webpack 自動刷新與解析，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-04-04
JavaScript 變量作用域分析
變量作用域是程序中定義這個變量的區(qū)域。先貼一段代碼，如果讀者對代碼的輸出并不感到困惑就不用往下面讀了。
2011-07-07
[js高手之路]從原型鏈開始圖解繼承到組合繼承的產(chǎn)生詳解
下面小編就為大家?guī)硪黄猍js高手之路]從原型鏈開始圖解繼承到組合繼承的產(chǎn)生詳解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-08-08
TS中type和interface的區(qū)別解析
對于type來說，更多的是對類型的一種復用，比如在項目中需要用到一些比較復雜的或者書寫起來很長的類型，而對于 interface來說，它是正兒八經(jīng)的用來定義接口類型（約束數(shù)類型和屬性）的，且接口類型是支持繼承和聲明合并的，感興趣的朋友跟隨小編一起看看吧
2023-07-07
利用d3.js制作連線動畫圖與編輯器的方法實例
這篇文章主要給大家介紹了關于如何利用d3.js制作連線動畫圖與編輯器的相關資料，文中通過示例代碼介紹的非常詳細，對大家學習或者使用d3.js具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧
2019-09-09
JS+Ajax+Jquery實現(xiàn)頁面無刷新分頁以及分組超強的實現(xiàn)
JS+Ajax+Jquery實現(xiàn)頁面無刷新分頁以及分組超強的實現(xiàn) 加上你的CSS完全可以與EXT媲美哦
2009-08-08
IE8 兼容性問題（屬性名區(qū)分大小寫）
屬性名大小寫問題，如屬性window.screen.height
2009-06-06
Bootstrap編寫一個兼容主流瀏覽器的受眾門戶式風格頁面
這篇文章主要介紹了Bootstrap編寫一個兼容IE8、谷歌等主流瀏覽器的受眾門戶式風格頁面，感興趣的小伙伴們可以參考一下
2016-07-07
淺談Rx響應式編程
在學習Rx編程的過程中，理解Observable這個概念至關重要，常規(guī)學習過程中，通常需要進行多次碰壁才能逐漸開悟。這個有點像小時候?qū)W騎自行車，必須摔幾次才能掌握一樣。當然如果有辦法能言傳，則可以少走一些彎路，盡快領悟Rx的精妙
2021-06-06