事件流解析,阻止冒泡和預設行為

2022-05-03 04:30:12 字數 366 閱讀 4174

事件流描述的是從頁面接收事件的順序,分為三種

1事件冒泡流

ie的事件流為冒泡流,即從最具體的元素向上傳播到最不具體的節點,所有現代瀏覽器都支援冒泡流。

2事件捕獲流

netscape的事件流為捕獲流,和冒泡流相反,老版本不支援,慎用。

3dom2級事件流

dom事件流包括三個階段,事件捕獲階段、處於目標階段、事件冒泡階段。

我們常用的冒泡會有一些負面影響,我們該怎麼辦呢?

functionstopbubble(e)

阻止預設行為的方法

function stopbubble(e)  else   

}  

阻止事件冒泡 和 阻止事件預設行為

1.event.stoppropagation 方法 這是阻止事件的冒泡方法,不讓事件向documen上蔓延,但是預設事件任然會執行,當你掉用這個方法的時候,如果點選乙個連線,這個連線仍然會被開啟,2.event.preventdefault 方法 這是阻止預設事件的方法,呼叫此方法是,連線不會被開...

阻止事件冒泡和預設行為

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

阻止事件冒泡行為與事件預設行為

js 不支援相容性 阻止事件冒泡行為 什麼是冒泡事件?如 在乙個按鈕是繫結乙個 click 事件,那麼 click 事件會依次在它的父級元素中被觸發 stoppropagation就是阻止目標元素的事件冒泡到父級元素。function stopbubble e 阻止事件預設行 作用是取消乙個目標元素...