js 冒泡事件的處理

2022-02-14 18:25:19 字數 460 閱讀 6918

onmouseover 和 onmouseout事件冒泡

當事件在某一dom元素被觸發時,例如使用者在某個節點上點選滑鼠,事件將跟隨著該節點繼承的各個父節點冒泡穿過整個dom的節點層次,直到它遇到依附有該事件型別處理的父節點,html是層次結構內層的事件能夠被傳播到外層,我們稱之為事件冒泡。

this a td element

nothing

當滑鼠點選this a td element元素時,會觸發testclick事件,即事件冒泡到div元素。

function d_1(obj,e)

}

在需要移出的元素上 繫結onmouseout="d_1(this,event)移出事件。

如:滑鼠移出div.id為"d_2"裡面的子元素節點時將不會觸發d_1()函式,只有移出div"d_2"本身才會。

js事件冒泡原理及處理

事件從根節點開始,逐級派送到子節點,若節點繫結了事件動作,則執行動作,然後繼續走,這個階段稱為 捕獲階段 capture 執行完捕獲階段後,事件由子節點往根節點派送,若節點繫結了事件動作,則執行動作,然後繼續走,這個階段稱為 冒泡階段 bubble 由於這兩派瀏覽器的差異,其繫結的方法也不一樣,其中...

JS的冒泡事件

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

js事件冒泡

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