JavaScript 是一種腳本語言，可以在網頁中實現許多互動效果。其中，事件是 JavaScript 最常用的一種技術，可以讓網頁與用戶實現交互。事件指用戶在網頁中進行的各種操作，如單擊、雙擊、鼠標移動等。因此，理解 JavaScript 中的事件分類非常重要。

一、鼠標事件

<code>
//單擊事件
document.getElementById("example").onclick = function(){
alert("Hello World!");
}
//雙擊事件
document.getElementById("example").ondblclick = function(){
alert("Hello World!");
}
//按下鼠標鍵與松開鼠標鍵
document.getElementById("example").onmousedown = function(){
console.log("鼠標按下");
}
document.getElementById("example").onmouseup = function(){
console.log("鼠標松開");
}
//鼠標移動事件
document.getElementById("example").onmousemove = function(){
console.log("鼠標移動");
}
//鼠標進入與離開事件
document.getElementById("example").onmouseenter = function(){
console.log("鼠標進入");
}
document.getElementById("example").onmouseleave = function(){
console.log("鼠標離開");
}
</code>

二、鍵盤事件

<code>
//鍵盤按下事件
document.onkeydown = function(event){
console.log(event.keyCode);
}
//鍵盤松開事件
document.onkeyup = function(event){
console.log(event.keyCode);
}
//文本框輸入事件
document.getElementById("example").oninput = function(){
console.log(this.value);
}
</code>

三、表單事件

<code>
//提交表單事件
document.getElementById("form").onsubmit = function(){
console.log("表單已提交");
return false; //防止頁面刷新
}
//重置表單事件
document.getElementById("form").onreset = function(){
console.log("表單已重置");
}
</code>

四、窗口事件

<code>
//窗口加載事件
window.onload = function(){
console.log("頁面已加載");
}
//窗口關閉事件
window.onbeforeunload = function(){
return "確定離開該頁面嗎？";
}
</code>

五、其他事件

<code>
//定時器事件
let timer = setInterval(function(){
console.log("定時器事件");
}, 1000);
clearInterval(timer);
//錯誤事件
window.onerror = function(message, source, lineNumber){
console.log("錯誤信息：" + message);
}
//滾動事件
window.onscroll = function(){
console.log("滾動事件");
}
</code>

以上只是 JavaScript 中事件分類的一部分，了解更多事件的種類以及應用場景可以幫助我們更好地開發網頁。