阻止事件冒泡和預設行為

2021-09-13 03:16:34 字數 967 閱讀 5783

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

事件冒泡有什麼作用

事件冒泡允許多個操作被集中處理(把事件處理器新增到乙個父級元素上,避免把事件處理器新增到多個子級元素上),它還可以讓你在物件層的不同級別捕獲事件。

常見問題

阻止事件冒泡

dom中提供stoppropagation()方法,但ie不支援,使用event物件在事件函式中呼叫就行。

ie中提供的是,cancelbubble屬性,預設為false,當它設定為true時,就是阻止事件冒泡,也是用event物件在事件函式中呼叫

jquery中提供了stoppropagation()方法來停止事件冒泡,當需要時,只需用用event物件來呼叫就行,即event.stoppropagation()

阻止預設行為

dom中提供preventdefault()方法來取消事件預設行為,但是只有當cancelable屬性設定為true的事件,才可以使用preventdefault()來取消事件預設行為,使用event物件在事件函式中呼叫就行

ie中提供的是returnvalue屬性,預設為true,當它設定為false時,就是取消事件預設行為,也是用event物件在事件函式中呼叫

jquery中提供了preventdefault()方法來阻止元素的預設行為,只需要用event物件來呼叫就好,即event.preventdefault()

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

如果想同時對事件物件停止冒泡和預設行為,可以在事件處理函式中返回false。

這是對事件物件同時呼叫stoppropagation()方法和preventdefault()方法的一種簡寫方式。

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

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

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

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

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

事件流描述的是從頁面接收事件的順序,分為三種 1事件冒泡流 ie的事件流為冒泡流,即從最具體的元素向上傳播到最不具體的節點,所有現代瀏覽器都支援冒泡流。2事件捕獲流 netscape的事件流為捕獲流,和冒泡流相反,老版本不支援,慎用。3dom2級事件流 dom事件流包括三個階段,事件捕獲階段 處於目...