課程
/前端開發
/jQuery
/jQuery基礎(三)—事件篇
冒泡不是從子元素往父元素冒泡么 怎么給父元素綁定click 子元素有行為
2016-06-08
源自：jQuery基礎(三)—事件篇 6-1
正在回答
從冒泡字面理解，是從有的到無的傳播過程，但是在代碼編寫中就不能這么認為了，制定規則的人事將事件綁定在祖先元素上，然后讓后代給祖先冒泡，規則就是這樣只能這樣理解
因為冒泡機制，點擊li元素的時候冒泡到父元素ul，而ul綁定了事件，觸發了函數，就影響到了li元素
對于點擊li彈出不同內容，是因為event對象特有的target.textContent屬性。雖然你都是冒泡觸發ul。但是到底時那個li被點擊了，然后冒泡到ul上觸發ul綁定的事件的，那么這個event.target就指向具體那個li。相當于li和ul都被點擊了，但是ul有事件被觸發，而li有內在的東西被event.target這個屬性獲得并經過alter輸出來。你是工作了的還是正在學習
我是賣報的小行家0
子涵_program 回復 我是賣報的小行家0
我是賣報的小行家0 回復 子涵_program
這里的例子這樣理解：在ul綁定要給點擊事件。當我click <li>時，li上沒有事件，但是由于冒泡機制的存在，點擊li就相當于ul，這也是從子元素往父元素冒泡。用event對象特有的target.textContent屬性來獲取觸發此事件的具體的li元素的文本。
Cassie_yu
子涵_program 回復 Cassie_yu
Cassie_yu 回復 子涵_program
panmc2 回復 Cassie_yu
鈴鐺3 回復 Cassie_yu
這結果不正是事件冒泡機制的最終目的么~當一個父元素下的多個子元素要表現出相同的效果的時候,利用冒泡機制給父元素綁定事件,以后你只要點擊子元素,都會冒泡到父元素,從而利用父元素綁定的事件~這樣就不用給每個子元素都去進行綁定,減少了代碼冗余呀~~
舉報
jQuery第三階段開啟事件修煉，掌握對頁面進行交互的操作
4 回答event.stopPropagation()沒有阻止父級元素的冒泡事件呢？
3 回答為什么直接用本標簽綁定事件不行?一定要用父元素或祖先元素綁定才能起作用?
3 回答on綁定click事件和直接給元素綁定click事件有什么區別？
1 回答這個委托機制一定是從最里面的那個元素開始向上冒泡嗎
2 回答我發現，某個元素的鼠標事件如果通過其他元素觸發，無法阻止這個事件的冒泡過程。為什么？
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2019-12-31
從冒泡字面理解，是從有的到無的傳播過程，但是在代碼編寫中就不能這么認為了，制定規則的人事將事件綁定在祖先元素上，然后讓后代給祖先冒泡，規則就是這樣只能這樣理解
2016-09-07
因為冒泡機制，點擊li元素的時候冒泡到父元素ul，而ul綁定了事件，觸發了函數，就影響到了li元素
2016-07-12
對于點擊li彈出不同內容，是因為event對象特有的target.textContent屬性。雖然你都是冒泡觸發ul。但是到底時那個li被點擊了，然后冒泡到ul上觸發ul綁定的事件的，那么這個event.target就指向具體那個li。相當于li和ul都被點擊了，但是ul有事件被觸發，而li有內在的東西被event.target這個屬性獲得并經過alter輸出來。你是工作了的還是正在學習
2016-07-12
這里的例子這樣理解：在ul綁定要給點擊事件。當我click <li>時，li上沒有事件，但是由于冒泡機制的存在，點擊li就相當于ul，這也是從子元素往父元素冒泡。用event對象特有的target.textContent屬性來獲取觸發此事件的具體的li元素的文本。
2016-06-10
這結果不正是事件冒泡機制的最終目的么~當一個父元素下的多個子元素要表現出相同的效果的時候,利用冒泡機制給父元素綁定事件,以后你只要點擊子元素,都會冒泡到父元素,從而利用父元素綁定的事件~這樣就不用給每個子元素都去進行綁定,減少了代碼冗余呀~~