JS事件冒泡

2022-08-11 11:51:12 字數 1358 閱讀 4612

事件冒泡

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...