js冒泡事件有click、dblclick、mouseover、mouseout、mousemove、mousedown、mouseup、keydown、keyup、input、change、submit、focus、blur和scroll等。詳細(xì)介紹:1、click事件,當(dāng)用戶點(diǎn)擊鼠標(biāo)按鈕時(shí)觸發(fā),click事件在目標(biāo)元素上觸發(fā),然后在父級元素上冒泡;2、dblclick等等。
本教程操作系統(tǒng):windows10系統(tǒng)、DELL G3電腦。
JavaScript中常見的冒泡事件有許多,這些事件是在事件觸發(fā)后從目標(biāo)元素開始向上冒泡到父級元素的過程中依次觸發(fā)的。以下是一些常見的冒泡事件:
1. click事件:當(dāng)用戶點(diǎn)擊鼠標(biāo)按鈕(左鍵、中鍵或右鍵)時(shí)觸發(fā)。click事件在目標(biāo)元素上觸發(fā),然后在父級元素上冒泡。
2. dblclick事件:當(dāng)用戶雙擊鼠標(biāo)按鈕(左鍵、中鍵或右鍵)時(shí)觸發(fā)。dblclick事件在目標(biāo)元素上觸發(fā),然后在父級元素上冒泡。
3. mouseover事件:當(dāng)鼠標(biāo)指針進(jìn)入目標(biāo)元素時(shí)觸發(fā)。mouseover事件在目標(biāo)元素上觸發(fā),然后在父級元素上冒泡。
4. mouseout事件:當(dāng)鼠標(biāo)指針離開目標(biāo)元素時(shí)觸發(fā)。mouseout事件在目標(biāo)元素上觸發(fā),然后在父級元素上冒泡。
5. mousemove事件:當(dāng)鼠標(biāo)指針在目標(biāo)元素上移動(dòng)時(shí)觸發(fā)。mousemove事件在目標(biāo)元素上觸發(fā),然后在父級元素上冒泡。
6. mousedown事件:當(dāng)鼠標(biāo)按鈕被按下時(shí)觸發(fā)。mousedown事件在目標(biāo)元素上觸發(fā),然后在父級元素上冒泡。
7. mouseup事件:當(dāng)鼠標(biāo)按鈕被釋放時(shí)觸發(fā)。mouseup事件在目標(biāo)元素上觸發(fā),然后在父級元素上冒泡。
8. keydown事件:當(dāng)鍵盤上的鍵被按下時(shí)觸發(fā)。keydown事件在目標(biāo)元素上觸發(fā),然后在父級元素上冒泡。
9. keyup事件:當(dāng)鍵盤上的鍵被釋放時(shí)觸發(fā)。keyup事件在目標(biāo)元素上觸發(fā),然后在父級元素上冒泡。
10. input事件:當(dāng)目標(biāo)元素的值發(fā)生變化時(shí)觸發(fā)。input事件在目標(biāo)元素上觸發(fā),然后在父級元素上冒泡。
11. change事件:當(dāng)目標(biāo)元素的值發(fā)生變化并失去焦點(diǎn)時(shí)觸發(fā)。change事件在目標(biāo)元素上觸發(fā),然后在父級元素上冒泡。
12. submit事件:當(dāng)表單提交時(shí)觸發(fā)。submit事件在目標(biāo)元素上觸發(fā),然后在父級元素上冒泡。
13. focus事件:當(dāng)目標(biāo)元素獲得焦點(diǎn)時(shí)觸發(fā)。focus事件在目標(biāo)元素上觸發(fā),然后在父級元素上冒泡。
14. blur事件:當(dāng)目標(biāo)元素失去焦點(diǎn)時(shí)觸發(fā)。blur事件在目標(biāo)元素上觸發(fā),然后在父級元素上冒泡。
15. scroll事件:當(dāng)目標(biāo)元素的滾動(dòng)條滾動(dòng)時(shí)觸發(fā)。scroll事件在目標(biāo)元素上觸發(fā),然后在父級元素上冒泡。
這只是一些常見的冒泡事件示例,實(shí)際上還有許多其他事件也會在目標(biāo)元素上觸發(fā),并在父級元素上冒泡。在編寫JavaScript代碼時(shí),了解這些冒泡事件可以幫助我們更好地理解和處理事件傳播的過程。