課程
/前端開發(fā)
/jQuery
/jQuery基礎(chǔ)(三)—事件篇
什么是冒泡處理?
2016-12-20
源自:jQuery基礎(chǔ)(三)—事件篇 3-1
正在回答
冒泡處理:也可以從字面意思理解為,氣泡在水中會向上浮動。那么我們現(xiàn)在就解釋什么是氣泡浮動就好了。
氣泡:也就是所謂的觸發(fā)事件。
向上浮動:不僅會觸發(fā)自身的事件,而且還會一級一級地向上浮動查找祖輩節(jié)點的同效果事件,直到根節(jié)點為止,沒完沒了。
舉例:在#div1 中有個子元素 #div2
定義:#div1 的mouseout事件; #div2 的mouseout事件
效果:當(dāng)觸發(fā)#div2 的mouseout事件時,一定會觸發(fā)#div1 的mouseout事件。因為#div2觸發(fā)事件后,它還沒完,還會向上一級級查找祖輩們有沒有定義相同的mouseout事件,如果有就觸發(fā),這里顯然有定義#div1的mouseout事件,而且#div1還是#div2的父輩元素,所以會觸發(fā)#div1的mouseout事件。(這里說的有點多,顯得有點累贅,主要是想讓你能理解。)
如果把mouseout事件 替換成 mouseleave事件就不會了,因為mouseleave事件,只會觸發(fā)自身的事件,不會冒泡祖輩們,讓他們安靜一點。
lxlacie 提問者
舉報
jQuery第三階段開啟事件修煉,掌握對頁面進(jìn)行交互的操作
7 回答什么是冒泡處理?
3 回答冒泡事件是怎么個冒泡法
2 回答為什么會冒泡?
2 回答什么叫冒泡啊
1 回答這也是冒泡?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2016-12-20
冒泡處理:也可以從字面意思理解為,氣泡在水中會向上浮動。那么我們現(xiàn)在就解釋什么是氣泡浮動就好了。
氣泡:也就是所謂的觸發(fā)事件。
向上浮動:不僅會觸發(fā)自身的事件,而且還會一級一級地向上浮動查找祖輩節(jié)點的同效果事件,直到根節(jié)點為止,沒完沒了。
舉例:在#div1 中有個子元素 #div2
定義:#div1 的mouseout事件; #div2 的mouseout事件
效果:當(dāng)觸發(fā)#div2 的mouseout事件時,一定會觸發(fā)#div1 的mouseout事件。因為#div2觸發(fā)事件后,它還沒完,還會向上一級級查找祖輩們有沒有定義相同的mouseout事件,如果有就觸發(fā),這里顯然有定義#div1的mouseout事件,而且#div1還是#div2的父輩元素,所以會觸發(fā)#div1的mouseout事件。(這里說的有點多,顯得有點累贅,主要是想讓你能理解。)
如果把mouseout事件 替換成 mouseleave事件就不會了,因為mouseleave事件,只會觸發(fā)自身的事件,不會冒泡祖輩們,讓他們安靜一點。