閱讀:1204 次 編輯日期:2014-04-09
前一段時間講過如何阻止冒泡,但是說的不充分,因為冒泡也有相容性問題,沒錯ie的相容性,ie真是不甘寂寞啊,哈哈,今天說說如何使ie也阻止冒泡。
在閱讀本片文章之前,建議先閱讀
《理解冒泡與捕獲》
《如何阻止冒泡》
話說真是慚愧,因為很少使用冒泡這樣的行為,所以對冒泡也是一知半解,由於最近在做乙個專案,只需要在ie中阻止冒泡,所以很順手的就寫了event.stoppropagation()方法, 後來發現不行,一查才知道,解決方法如下:
1
2
3
4
5
6
7
8
9
function
show1(e)
else
if
(window.event)
}
window.event是ie中的屬性,如果是ie,就執行window.event.cancelbubble = true;來阻止冒泡。
react中阻止事件冒泡
直接看栗子 頁面上3個div,如圖所示 1 在沒有涉及到原生事件註冊只有react事件時,用e.stoppropagation 阻止冒泡,如下 import react,from react import class extends component handleclicktestbox2 e h...
阻止事件冒泡
事件冒泡的概念在此不再重複,下面主要介紹防止事件冒泡的方法 符合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 這樣就...