JavaScript是一種客戶端腳本語言，作為與用戶交互最為頻繁的語言之一，事件是JavaScript 中不可缺少的部分。事件是指用戶在頁面上執行的各種操作，如鼠標點擊、鍵盤輸入、頁面滾動等。在JavaScript中，事件通常不是顯式調用，而是由瀏覽器自動處理。本文將介紹JavaScript中主要的事件類型。

鼠標事件

鼠標事件是用戶最常見的事件類型之一。以下是幾個常用的鼠標事件:

/* 點擊事件 */
element.addEventListener('click', function(){
// 點擊后的處理
});
/* 鼠標進入事件 */
element.addEventListener('mouseenter', function(){
// 鼠標進入后的處理
});
/* 鼠標移動事件 */
element.addEventListener('mousemove', function(){
// 鼠標移入后的處理
});
/* 鼠標離開事件 */
element.addEventListener('mouseleave', function(){
// 鼠標離開后的處理
});
/* 鼠標滾輪事件 */
element.addEventListener('mousewheel', function(){
// 鼠標滾輪滾動時的處理
});

鍵盤事件

鍵盤事件是在用戶按下或釋放鍵盤上的按鍵時觸發的事件類型。以下是幾個常用的鍵盤事件：

/* 按下鍵盤事件 */
element.addEventListener('keydown', function(event){
// 鍵盤按下時的處理
});
/* 釋放鍵盤事件 */
element.addEventListener('keyup', function(event){
// 鍵盤釋放時的處理
});
/* 按下并保持鍵盤事件 */
element.addEventListener('keypress', function(event){
// 按下并保持鍵盤時的處理
});

表單事件

表單事件是指在用戶填寫表單時觸發的事件類型。以下是幾個常用的表單事件：

/* 提交表單事件 */
element.addEventListener('submit', function(event){
// 表單提交時的處理
});
/* 輸入框值改變事件 */
element.addEventListener('input', function(event){
// 輸入框值改變時的處理
});
/* 失去焦點事件 */
element.addEventListener('blur', function(event){
// 當表單元素失去焦點時的處理
});
/* 獲取焦點事件 */
element.addEventListener('focus', function(event){
// 當表單元素獲取焦點時的處理
});

文檔事件

文檔事件是指在文檔上發生的事件，如DOMContentLoaded、load 以及 resize 事件等。以下是幾個常用的文檔事件：

/* 當文檔加載完成時 */
document.addEventListener('DOMContentLoaded', function(){
// 當文檔加載完成時的處理
});
/* 當文檔中的所有資源都加載完成時 */
window.addEventListener('load', function(){
// 當文檔中的所有資源都加載完成時的處理
});
/* 當窗口尺寸改變時 */
window.addEventListener('resize', function(){
// 當窗口尺寸改變時的處理
});

總結來說，JavaScript中事件是用戶與網頁交互的基本方式之一，同時也是開發者給網頁添加交互性的基礎。了解事件的類型有助于開發者更好地應對各種交互需求，進一步提升用戶的體驗。