隨著互聯網的不斷發展，JavaScript已成為Web前端開發最常用的語言之一，就像Web開發中的ABC一樣必不可少。JavaScript所具有的豐富的事件機制可以讓開發者更好地掌控用戶行為和頁面交互，本文將介紹JavaScript中的三種事件：鼠標事件、鍵盤事件和表單事件

鼠標事件常見的有click、mousemove、mousedown、mouseup等。下面我們來看一例子：

let button = document.querySelector('button')
button.addEventListener('click', function () {
console.log("按鈕被點擊了！")
})

這里使用addEventListener方法來監聽button的click事件，并輸出一段簡單的文字。

鍵盤事件常見的有keydown、keyup、keypress等。下面我們來看一個簡單的例子：

document.addEventListener('keydown', function (event) {
console.log(鍵盤按下了${event.key})
})

上面這個例子監聽整個文檔的keydown事件，并輸出按下的鍵位。

表單事件常見的有blur、change、submit、reset等。下面我們來看一個實際應用的例子：

let form = document.querySelector('form')
form.addEventListener('submit', function (event) {
event.preventDefault()
let input = form.querySelector('input')
console.log(input.value)
})

這個例子是監聽表單的提交事件，并阻止表單默認的行為。我們在監聽到表單提交事件后，獲取到表單中輸入框的值，并輸出到控制臺。

在Web開發中，事件機制是開發者最基礎、最實用的特性之一。我們要善于利用JavaScript豐富的事件機制，在用戶行為和頁面交互方面提供更加靈活、友好的操作體驗。