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