在一個對象上觸發(fā)某類事件(比如單擊onclick事件),如果此對象定義了此事件的處理程序,那么此事件就會調(diào)用這個處理程序,如果沒有定義此事件處理程序或者事件返回true,那么這個事件會向這個對象的父級對象傳播,從里到外,直至它被處理(父級對象所有同類事件都將被激活),或者它到達(dá)了對象層次的最頂層,即document對象(有些瀏覽器是window)。
如何來阻止Jquery事件冒泡?
通過一個小例子來解釋
Porschev---Jquery 事件冒泡
比如上面這個頁面,
分為三層:divOne是第外層,divTwo中間層,hr_three是最里層;
他們都有各自的click事件,最里層a標(biāo)簽還有href屬性。
運行頁面,點擊“點擊我”,會依次彈出:我是最里層---->我是中間層---->我是最外層
---->然后再鏈接到百度.
這就是事件冒泡,本來我只點擊ID為hr_three的標(biāo)簽,但是確執(zhí)行了三個alert操作。
事件冒泡過程(以標(biāo)簽ID表示):hr_three----> divTwo----> divOne 。從最里層冒泡到最外層。
如何來阻止?
1.event.stopPropagation();
2.return false;
如果頭部加入的是以下代碼
聲明:本網(wǎng)頁內(nèi)容旨在傳播知識,若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
一個小例子解釋如何來阻止Jquery事件冒泡_jquery
一個小例子解釋如何來阻止Jquery事件冒泡_jquery:什么是JS事件冒泡? 在一個對象上觸發(fā)某類事件(比如單擊onclick事件),如果此對象定義了此事件的處理程序,那么此事件就會調(diào)用這個處理程序,如果沒有定義此事件處理程序或者事件返回true,那么這個事件會向這個對象的父級對象傳播,從里到外,直至它被處理推薦度:
- 熱門焦點