第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機(jī)立即綁定

冒泡不是從子元素往父元素冒泡么 怎么給父元素綁定click 子元素有行為

冒泡不是從子元素往父元素冒泡么 怎么給父元素綁定click 子元素有行為

正在回答

5 回答

從冒泡字面理解,是從有的到無的傳播過程,但是在代碼編寫中就不能這么認(rèn)為了,制定規(guī)則的人事將事件綁定在祖先元素上,然后讓后代給祖先冒泡,規(guī)則就是這樣只能這樣理解

0 回復(fù) 有任何疑惑可以回復(fù)我~

因?yàn)槊芭輽C(jī)制,點(diǎn)擊li元素的時候冒泡到父元素ul,而ul綁定了事件,觸發(fā)了函數(shù),就影響到了li元素

0 回復(fù) 有任何疑惑可以回復(fù)我~

對于點(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í)

2 回復(fù) 有任何疑惑可以回復(fù)我~
#1

我是賣報的小行家0

您好 我想問一個問題可以嗎 這樣我不僅僅是點(diǎn)擊li可以觸發(fā)事件 我點(diǎn)擊ul空白處也直接觸發(fā)了事件但是這個時候?qū)ο缶褪莡l了 感覺目標(biāo)就不清楚了很混亂啊
2016-07-13 回復(fù) 有任何疑惑可以回復(fù)我~
#2

子涵_program 回復(fù) 我是賣報的小行家0

因?yàn)槟J(rèn)margin=0.你點(diǎn)擊ul里面的空白處,都會點(diǎn)擊到其中一個li,因?yàn)槊總€li都占滿了ul的內(nèi)部。當(dāng)然如果設(shè)置margin,點(diǎn)擊margin外的空白處理論上就是點(diǎn)擊了ul。我沒實(shí)踐過不知道對不對
2016-07-13 回復(fù) 有任何疑惑可以回復(fù)我~
#3

我是賣報的小行家0 回復(fù) 子涵_program

ooo 好的 謝謝哈
2016-07-16 回復(fù) 有任何疑惑可以回復(fù)我~

這里的例子這樣理解:在ul綁定要給點(diǎn)擊事件。當(dāng)我click <li>時,li上沒有事件,但是由于冒泡機(jī)制的存在,點(diǎn)擊li就相當(dāng)于ul,這也是從子元素往父元素冒泡。用event對象特有的target.textContent屬性來獲取觸發(fā)此事件的具體的li元素的文本。

0 回復(fù) 有任何疑惑可以回復(fù)我~
#1

Cassie_yu

能問一下,子元素的內(nèi)部是不是也是父元素的內(nèi)部呢?還是說兩個是獨(dú)立的空間呢? 因?yàn)樽釉夭]有click事件,那么點(diǎn)擊子元素導(dǎo)致ul上的click事件觸發(fā),可不可以理解為 因?yàn)閘i在ul的內(nèi)部,所以點(diǎn)擊li也相當(dāng)于點(diǎn)擊了ul呢?
2016-07-12 回復(fù) 有任何疑惑可以回復(fù)我~
#2

子涵_program 回復(fù) Cassie_yu

冒泡機(jī)制里,一個元素下面的所有后代元素都會觸發(fā)祖先元素的事件,所有你的理解也可以的。也就是說ul里面的不管時子元素還是孫子元素。當(dāng)點(diǎn)擊li或者li里面的元素時,都會默認(rèn)同時點(diǎn)擊了ul和ul的祖先元素。而剛好ul綁定有事件。所有觸發(fā)ul的事件
2016-07-12 回復(fù) 有任何疑惑可以回復(fù)我~
#3

Cassie_yu 回復(fù) 子涵_program

但是我又覺得如果這樣理解的話,我就又不能理解為什么點(diǎn)擊li的時候會彈出不同的內(nèi)容了,因?yàn)槠鋵?shí)都是點(diǎn)擊了ul嘛~~
2016-07-12 回復(fù) 有任何疑惑可以回復(fù)我~
#4

子涵_program 回復(fù) Cassie_yu

對于點(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 回復(fù) 有任何疑惑可以回復(fù)我~
#5

Cassie_yu 回復(fù) 子涵_program

好吧 我應(yīng)該是把this和target.textContent弄混了 謝啦~~
2016-07-12 回復(fù) 有任何疑惑可以回復(fù)我~
#6

子涵_program 回復(fù) Cassie_yu

你是初學(xué)者嗎?還是正在做著前端?
2016-07-12 回復(fù) 有任何疑惑可以回復(fù)我~
#7

panmc2 回復(fù) Cassie_yu

彈出內(nèi)容的函數(shù)是 function(e){ alert('觸發(fā)的元素是內(nèi)容是: ' + e.target.textContent) } 這個函數(shù)的功能就是彈出“事件對象”的文本內(nèi)容,因?yàn)槭髽?biāo)點(diǎn)擊的對象是不同的,所以彈出的每個“事件對象”的文本內(nèi)容也不同。
2016-07-21 回復(fù) 有任何疑惑可以回復(fù)我~
#8

鈴鐺3 回復(fù) Cassie_yu

應(yīng)該是點(diǎn)擊的是li只是由li冒泡到了ul 觸發(fā)了事件
2016-08-11 回復(fù) 有任何疑惑可以回復(fù)我~
查看5條回復(fù)

這結(jié)果不正是事件冒泡機(jī)制的最終目的么~當(dāng)一個父元素下的多個子元素要表現(xiàn)出相同的效果的時候,利用冒泡機(jī)制給父元素綁定事件,以后你只要點(diǎn)擊子元素,都會冒泡到父元素,從而利用父元素綁定的事件~這樣就不用給每個子元素都去進(jìn)行綁定,減少了代碼冗余呀~~

17 回復(fù) 有任何疑惑可以回復(fù)我~

舉報

0/150
提交
取消

冒泡不是從子元素往父元素冒泡么 怎么給父元素綁定click 子元素有行為

我要回答 關(guān)注問題
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號