JavaScript 是一種腳本語言，可以在網(wǎng)頁中實(shí)現(xiàn)許多互動(dòng)效果。其中，事件是 JavaScript 最常用的一種技術(shù)，可以讓網(wǎng)頁與用戶實(shí)現(xiàn)交互。事件指用戶在網(wǎng)頁中進(jìn)行的各種操作，如單擊、雙擊、鼠標(biāo)移動(dòng)等。因此，理解 JavaScript 中的事件分類非常重要。

一、鼠標(biāo)事件

<code>
//單擊事件
document.getElementById("example").onclick = function(){
alert("Hello World!");
}
//雙擊事件
document.getElementById("example").ondblclick = function(){
alert("Hello World!");
}
//按下鼠標(biāo)鍵與松開鼠標(biāo)鍵
document.getElementById("example").onmousedown = function(){
console.log("鼠標(biāo)按下");
}
document.getElementById("example").onmouseup = function(){
console.log("鼠標(biāo)松開");
}
//鼠標(biāo)移動(dòng)事件
document.getElementById("example").onmousemove = function(){
console.log("鼠標(biāo)移動(dòng)");
}
//鼠標(biāo)進(jìn)入與離開事件
document.getElementById("example").onmouseenter = function(){
console.log("鼠標(biāo)進(jìn)入");
}
document.getElementById("example").onmouseleave = function(){
console.log("鼠標(biāo)離開");
}
</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("頁面已加載");
}
//窗口關(guān)閉事件
window.onbeforeunload = function(){
return "確定離開該頁面嗎？";
}
</code>

五、其他事件

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

以上只是 JavaScript 中事件分類的一部分，了解更多事件的種類以及應(yīng)用場(chǎng)景可以幫助我們更好地開發(fā)網(wǎng)頁。