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

2021-08-22 11:27:03 字數 464 閱讀 1898

js(不支援相容性):

阻止事件冒泡行為

什麼是冒泡事件?如 在乙個按鈕是繫結乙個」click」事件,那麼」click」事件會依次在它的父級元素中被觸發 。stoppropagation就是阻止目標元素的事件冒泡到父級元素。

function stopbubble(e)

阻止事件預設行

作用是取消乙個目標元素的預設行為。既然是說預設行為,當然是元素必須有預設行為才能被取消,如果元素本身就沒有預設行為,呼叫當然就無效了。什麼元素有預設行為呢?如鏈結,提交按鈕等。

//假定有鏈結 123

var a = document.getelementbyid("testa"); a.onclick =function(event)

簡化return false:此方式只支援事件預設。

在jq中寫 return:false即支援事件冒泡也支援事件預設行為。

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

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

阻止事件冒泡和預設行為

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

事件冒泡與預設行為

在說事件冒泡之前,我們先說說事件物件 event 在觸發dom上某個事件時,會產生乙個事件物件event,這個物件包含著所有事件有關的資訊 導致事件的元素 事件的型別 與特定事件相關的資訊 所有瀏覽器都支援event物件,但支援方式不同 ie中的事件物件 window.event 封裝event物件...