HTML 的 DOM 事件是指在網頁上發生的各種事件，如點擊、鼠標移動、鍵盤輸入等。

通過 JavaScript 腳本可以對這些事件進行監聽和處理，以實現交互效果。以下是一些常見的 DOM 事件及其相關知識點：

1、click：點擊事件，在目標元素上單擊鼠標時觸發。

2、mouseover/mouseout：鼠標移入/移出事件，當鼠標進入或離開目標元素時觸發。

3、keydown/keyup：鍵盤按下/松開事件，當用戶按下或松開鍵盤上的任意鍵時觸發。

4、submit：表單提交事件，在用戶提交表單時觸發。

5、focus/blur：元素獲得/失去焦點事件，當元素獲得或失去焦點時觸發。

6、load：頁面或圖片加載完成事件，當頁面或圖片加載完成時觸發。

7、resize：窗口大小改變事件，當用戶調整瀏覽器窗口大小時觸發。

8、scroll：滾動條滾動事件，當用戶滾動頁面時觸發。

9、preventDefault()：阻止默認事件，當事件被觸發時，調用該方法可以阻止瀏覽器默認的行為。

10、stopPropagation()：阻止事件冒泡，當事件被觸發時，調用該方法可以阻止事件向上冒泡。

11、addEventListener()：添加事件監聽器，通過該方法可以為元素添加多個事件監聽器，使得多個處理函數可以同時對同一個事件進行處理。

12、removeEventListener()：移除事件監聽器，通過該方法可以移除元素上的某個事件監聽器，以避免出現沖突。

13、Event 對象：事件對象包含了與事件相關的信息，如事件的類型、目標元素、鼠標位置等。通過該對象，可以實現更加靈活和精細的事件處理。

14、事件委托：事件委托是一種常見的事件處理方式，可以將事件監聽器添加到祖先元素上，從而實現對子元素的監聽。該方式可以減少事件監聽器的數量，提高頁面性能。

15、同步/異步事件處理：同步事件處理是指事件的處理函數會阻塞瀏覽器的其他操作，直到事件處理完成；而異步事件處理是指事件的處理函數不會阻塞瀏覽器的其他操作，而是在后臺異步執行。為了避免阻塞頁面的渲染，通常應該使用異步事件處理方式。

以上是前端 HTML 的 DOM 事件相關知識的一些常見點，理解這些知識點可以幫助前端工程師更好地實現頁面交互效果，提高用戶體驗。

Web前端全套_零基礎自學Html+Css+前端web就業項目源碼實操