首頁 >web前端 >js教程 >js冒泡事件有哪些

js冒泡事件有哪些

百草
百草原創
2023-11-01 14:41:29976瀏覽

js冒泡事件有click、dblclick、mouseover、mouseout、mousemove、mousedown、mouseup、keydown、keyup、input、change、submit、focus、blur和scroll等。詳細介紹:1、click事件,當使用者點擊滑鼠按鈕時觸發,click事件在目標元素上觸發,然後在父級元素上冒泡;2、dblclick等等。

js冒泡事件有哪些

本教學作業系統: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程式碼時,了解這些冒泡事件可以幫助我們更好地理解和處理事件傳播的過程。

以上是js冒泡事件有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn