JS事件冒泡

事件冒泡

demo:冒泡現象

html:

1

<
script 
src="index.js"
>
script
>
2<
style
>3#c
8#b13#a
18style
>
19head
>
20<
body
>
21<
div 
id="a"
>
22<
div 
id="b"
>
23<
div 
id="c"
>
2425
div>
26div
>
27div
>
28body
>

js:

1 window.onload=function

()5     document.getelementbyid("b").onclick=function
()8     document.getelementbyid("a").onclick=function
()11 }

demo:阻止事件冒泡

1 window.onload=function

()5     document.getelementbyid("b").onclick=function
()10     document.getelementbyid("a").onclick=function
()13 }

demo:事件繫結的另外方式 : 監聽繫結

1 window.onload=function

())5     document.getelementbyid("b").addeventlistener("click", function
())8
9     document.getelementbyid("a").addeventlistener("click", function
())12 }

demo:var 關鍵字的使用

若果在函式中使用 var 宣告變數則是乙個區域性變數

如果不適用 var 宣告則是乙個全域性變數, 在函式之外還是可以使用

js事件冒泡

什麼是js事件冒泡？在乙個物件上觸發某類事件 比如單擊onclick事件 如果此物件定義了此事件的處理程式，那麼此事件就會呼叫這個處理程式，如果沒有定義此事件處理程式或者事件返回true，那麼這個事件會向這個物件的父級物件傳播，從裡到外，直至它被處理 父級物件所有同類事件都將被啟用 或者它到達了物件...

js事件冒泡

2012 06 19 22 02 23 標籤 什麼是js事件冒泡？在乙個物件上觸發某類事件 比如單擊onclick事件 如果此物件定義了此事件的處理程式，那麼此事件就會呼叫這個處理程式，如果沒有定義此事件處理程式或者事件返回true，那麼這個事件會向這個物件的父級物件傳播，從裡到外，直至它被處理 父...

js阻止事件冒泡

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