js時間冒泡，阻止事件冒泡

首先解釋一下事件冒泡神什麼，

在js中，假如在div中巢狀乙個div

如

<

style 
type
="text/css"
>
#box1
#box2
#box3
#box4
#box5
style
>
<
body
>
<
div 
id="box1"
>
<
div 
id="box2"
>
<
div 
id="box3"
>
<
div 
id="box4"
>
<
div 
id="box5"
>
div>
div>
div>
div>
div>
body
>

當你用onclick事件時，當你點選id=『box4』的div，事件會一直傳遞到box3，box2，box1，html

這就叫事件的冒泡，有時候不需要冒泡，所以會阻止冒泡。

<

script
>
window.onload 
=function
() 
document.onclick
=function
() 
document.body.onclick
=function
() 
$("box1
").onclick
=function
() 
$("box2
").onclick
=function
() 
$("box3
").onclick
=function
(e) 
$("box4
").onclick
=function
(e) 
$("box5
").onclick
=function
() 
} 
script
>

firefox，chrome中用的是

stoppropagation()函式來阻止冒泡

ie用的是cancelbubble=ture；這個屬性來阻止冒泡

js阻止事件冒泡

今天遇到乙個小問題 li div div本身有click事件 然後li也有click事件 當觸發li標籤的click事件時，div的click事件也會觸發 因此加了e.stoppropagation 來阻止事件冒泡 但是firefox對e不相容，於是加了e e window.event e e wi...

js阻止事件冒泡

比如上面這個頁面，分為三層 divone是第外層，divtwo中間層，hr three是最裡層 他們都有各自的click事件，最裡層a標籤還有href屬性。執行頁面，點選 點選我 會依次彈出 我是最裡層 我是中間層 我是最外層 這就是事件冒泡，本來我只點選id為hr three的標籤，但是確執行了三...

js阻止事件的冒泡

在這棵樹裡面，我點選加號的同時，點選事件會傳播到上級，從而觸發上層元素的點選事件 這不是我所希望的 於是在 的方法裡面加上這句 event.stoppropagation事件就不會向上冒泡了 addchildnode function m,node,event 官方說明 event 物件 不再派發事...