Javascript中的事件（event）是指瀏覽器或用戶操作在文檔中觸發(fā)的動(dòng)作，這些動(dòng)作會(huì)導(dǎo)致特定的Javascript函數(shù)被執(zhí)行。在Web開(kāi)發(fā)中，操縱事件可以增強(qiáng)用戶交互與頁(yè)面呈現(xiàn)，簡(jiǎn)單來(lái)說(shuō)就是為網(wǎng)頁(yè)定制各種各樣的交互行為，比如：

點(diǎn)擊、鼠標(biāo)懸停、按鍵按下、頁(yè)面載入等等。

在Javascript中，可以通過(guò)addEventListener方法來(lái)添加事件，addEventListener方法接收三個(gè)參數(shù)：事件類(lèi)型、事件處理、是否冒泡（false/true），如下所示：

document.querySelector("#btn").addEventListener("click", function(){ alert("Hello World!"); }, false);

事件綁定后，當(dāng)用戶執(zhí)行相應(yīng)的行為時(shí)，事件處理器就會(huì)被直接調(diào)用，執(zhí)行其內(nèi)部代碼。接下來(lái)，我們給大家列舉一些常見(jiàn)的事件類(lèi)型及相應(yīng)的事件處理器。

1. 單擊（click）：

document.querySelector("#btn").addEventListener("click", function(){
console.log("單擊事件被觸發(fā)");
}, false);

2. 鼠標(biāo)懸停（mouseover）：

document.querySelector("#btn").addEventListener("mouseover", function(){
console.log("鼠標(biāo)懸停事件被觸發(fā)");
}, false);

3. 鍵盤(pán)按下（keydown）：

document.addEventListener("keydown", function(event){
console.log("鍵盤(pán)按下事件被觸發(fā)，按鍵的值為：" + event.keyCode);
}, false);

4. 頁(yè)面載入（load）：

window.addEventListener("load", function(){
console.log("頁(yè)面加載完成！");
}, false);

除此之外，還有其他很多事件類(lèi)型，如文本輸入（input）、鼠標(biāo)單擊右鍵（contextmenu）、文本選中（select）等等。在實(shí)際開(kāi)發(fā)中，需要根據(jù)頁(yè)面需求選擇合適的事件來(lái)進(jìn)行響應(yīng)。

至此，我們已經(jīng)將Javascript事件的基礎(chǔ)內(nèi)容介紹完畢。在實(shí)際開(kāi)發(fā)中，熟練掌握各種事件類(lèi)型以及事件處理器，將有助于我們構(gòu)建更加豐富多彩的Web應(yīng)用程序。