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