阻止冒泡事件

2022-02-25 02:46:52 字數 543 閱讀 7246

阻止冒泡事件的方法有兩種,第一種是ie的方法,第二種是dom方法,至於為什麼要分為兩種方法去討論之,這裡就不做討論了,總之是瀏覽器一些蹩腳的問題,好了廢話不說了,直接貼**了

//阻止冒泡事件

1function

stopbubble(e)

5else8} 

舉個例子:就是谷歌首頁的更多選項吧,不知道的可以去看看

這裡要應用兩個點選事件,乙個是div.onclick,另乙個就是document.onclick,那麼問題就出現了,在呼叫div.onclick的時候,由於冒泡事件的存在,會自動的呼叫document.onclick,由於冒泡的順序是從裡向外的(div->body->document->html)所以div.onclick事件就會被覆蓋掉,也就不會執行了,解決的方案其實也是很簡單的哦,就是在執行div.onclick的時候阻止冒泡事件就好了,那怎麼阻止呢,就呼叫上面的函式就ok了!哈哈!

ps:在介紹一下阻止瀏覽器預設行為的方法,大同小異,這裡就不再贅述了

1function

stopdefault( e )  

阻止事件冒泡

事件冒泡的概念在此不再重複,下面主要介紹防止事件冒泡的方法 符合w3c標準的event.stoppropagation 和ie瀏覽器下的window.event.cancelbubble true 上述 注釋中標註了阻止事件冒泡的方法,下面是針對兩種方法的封裝 function stopbubble...

阻止事件冒泡

js div li click function e div ul click function e div click function e 說明 1.事件冒泡就是觸發孩子事件時,如果他的父親也有個事件,那麼他執行孩子事件後還會執行父親的事件。2,在孩子節點執行完,return false 這樣就...

阻止事件冒泡

因為我的 ui checkbox new 是頁面新新增的元素,所以在繫結事件的時候,就用on。在在用on繫結事件的時候,這個click事件會觸發兩次。用alert函式測試的時候,1 11 1 11 在網上尋找解決方法 在 中加入return false 阻止冒泡事件後,程式就可以正常執行,不會執行兩...