課程
/前端開發(fā)
/jQuery
/jQuery基礎(chǔ)(三)—事件篇
冒泡不是從子元素往父元素冒泡么 怎么給父元素綁定click 子元素有行為
2016-06-08
源自:jQuery基礎(chǔ)(三)—事件篇 6-1
正在回答
從冒泡字面理解,是從有的到無的傳播過程,但是在代碼編寫中就不能這么認(rèn)為了,制定規(guī)則的人事將事件綁定在祖先元素上,然后讓后代給祖先冒泡,規(guī)則就是這樣只能這樣理解
因?yàn)槊芭輽C(jī)制,點(diǎn)擊li元素的時候冒泡到父元素ul,而ul綁定了事件,觸發(fā)了函數(shù),就影響到了li元素
對于點(diǎn)擊li彈出不同內(nèi)容,是因?yàn)閑vent對象特有的target.textContent屬性。雖然你都是冒泡觸發(fā)ul。但是到底時那個li被點(diǎn)擊了,然后冒泡到ul上觸發(fā)ul綁定的事件的,那么這個event.target就指向具體那個li。相當(dāng)于li和ul都被點(diǎn)擊了,但是ul有事件被觸發(fā),而li有內(nèi)在的東西被event.target這個屬性獲得并經(jīng)過alter輸出來。你是工作了的還是正在學(xué)習(xí)
我是賣報的小行家0
子涵_program 回復(fù) 我是賣報的小行家0
我是賣報的小行家0 回復(fù) 子涵_program
這里的例子這樣理解:在ul綁定要給點(diǎn)擊事件。當(dāng)我click <li>時,li上沒有事件,但是由于冒泡機(jī)制的存在,點(diǎn)擊li就相當(dāng)于ul,這也是從子元素往父元素冒泡。用event對象特有的target.textContent屬性來獲取觸發(fā)此事件的具體的li元素的文本。
Cassie_yu
子涵_program 回復(fù) Cassie_yu
Cassie_yu 回復(fù) 子涵_program
panmc2 回復(fù) Cassie_yu
鈴鐺3 回復(fù) Cassie_yu
這結(jié)果不正是事件冒泡機(jī)制的最終目的么~當(dāng)一個父元素下的多個子元素要表現(xiàn)出相同的效果的時候,利用冒泡機(jī)制給父元素綁定事件,以后你只要點(diǎn)擊子元素,都會冒泡到父元素,從而利用父元素綁定的事件~這樣就不用給每個子元素都去進(jìn)行綁定,減少了代碼冗余呀~~
舉報
jQuery第三階段開啟事件修煉,掌握對頁面進(jìn)行交互的操作
4 回答event.stopPropagation()沒有阻止父級元素的冒泡事件呢?
3 回答為什么直接用本標(biāo)簽綁定事件不行?一定要用父元素或祖先元素綁定才能起作用?
3 回答on綁定click事件和直接給元素綁定click事件有什么區(qū)別?
1 回答這個委托機(jī)制一定是從最里面的那個元素開始向上冒泡嗎
2 回答focusin()在元素包含的元素中產(chǎn)生?????
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)微信公眾號
2019-12-31
從冒泡字面理解,是從有的到無的傳播過程,但是在代碼編寫中就不能這么認(rèn)為了,制定規(guī)則的人事將事件綁定在祖先元素上,然后讓后代給祖先冒泡,規(guī)則就是這樣只能這樣理解
2016-09-07
因?yàn)槊芭輽C(jī)制,點(diǎn)擊li元素的時候冒泡到父元素ul,而ul綁定了事件,觸發(fā)了函數(shù),就影響到了li元素
2016-07-12
對于點(diǎn)擊li彈出不同內(nèi)容,是因?yàn)閑vent對象特有的target.textContent屬性。雖然你都是冒泡觸發(fā)ul。但是到底時那個li被點(diǎn)擊了,然后冒泡到ul上觸發(fā)ul綁定的事件的,那么這個event.target就指向具體那個li。相當(dāng)于li和ul都被點(diǎn)擊了,但是ul有事件被觸發(fā),而li有內(nèi)在的東西被event.target這個屬性獲得并經(jīng)過alter輸出來。你是工作了的還是正在學(xué)習(xí)
2016-07-12
這里的例子這樣理解:在ul綁定要給點(diǎn)擊事件。當(dāng)我click <li>時,li上沒有事件,但是由于冒泡機(jī)制的存在,點(diǎn)擊li就相當(dāng)于ul,這也是從子元素往父元素冒泡。用event對象特有的target.textContent屬性來獲取觸發(fā)此事件的具體的li元素的文本。
2016-06-10
這結(jié)果不正是事件冒泡機(jī)制的最終目的么~當(dāng)一個父元素下的多個子元素要表現(xiàn)出相同的效果的時候,利用冒泡機(jī)制給父元素綁定事件,以后你只要點(diǎn)擊子元素,都會冒泡到父元素,從而利用父元素綁定的事件~這樣就不用給每個子元素都去進(jìn)行綁定,減少了代碼冗余呀~~