在學(xué)習(xí)JavaScript的時(shí)候，我們經(jīng)常會(huì)遇到一個(gè)on的關(guān)鍵字，如onclick、onload、onkeyup等等。那么什么是on呢？on是JavaScript中用來(lái)表示事件處理程序（Event Handler）的一個(gè)前綴，譯為“當(dāng)……時(shí)”，即當(dāng)事件發(fā)生時(shí)，執(zhí)行某些代碼。以下是對(duì)JavaScript中on的詳細(xì)解釋和使用方法。
常見(jiàn)的on事件有以下幾種：
onclick 點(diǎn)擊鼠標(biāo) ondblclick 雙擊鼠標(biāo) onmousedown 按下鼠標(biāo) onmouseup 松開(kāi)鼠標(biāo) onmousemove 移動(dòng)鼠標(biāo) onkeydown 按下鍵盤(pán) onkeyup 松開(kāi)鍵盤(pán) onblur 失去焦點(diǎn) onfocus 獲得焦點(diǎn) onload 加載完成 onunload 離開(kāi)頁(yè)面 onsubmit 提交表單 onreset 重置表單 onresize 調(diào)整窗口大小 onscroll 滾動(dòng)頁(yè)面 onerror 加載錯(cuò)誤
用法示例：
// 點(diǎn)擊按鈕彈出提示框示例
<button onclick="alert('Hello World!')">點(diǎn)擊我</button>
// 鍵盤(pán)輸入后驗(yàn)證示例
<input type="text" onkeyup="if(event.keyCode == 13) alert('Enter鍵被按下了！')">請(qǐng)輸入文字</input>
// 加載頁(yè)面后執(zhí)行某些操作示例
<body onload="alert('頁(yè)面加載完成！')">......</body>在JavaScript中，on事件處理程序可以采用下面幾種形式來(lái)定義：
1. HTML內(nèi)部: 引號(hào)內(nèi)可以包含任何可執(zhí)行的JavaScript代碼，但不要忘記用反斜杠轉(zhuǎn)義字符串中的特殊字符，如下所示：
<input type="text" onkeyup="if(event.keyCode == 13) alert('Enter鍵被按下了！')">請(qǐng)輸入文字</input>
2. HTML事件處理程序: 在JavaScript內(nèi)部定義事件處理程序，如下所示：
<button id = "btn">點(diǎn)擊我</button>
<script>
document.getElementById("btn").onclick = function(){
alert("Hello World!");
}
</script>
3. DOM0級(jí)事件處理程序: 在JavaScript內(nèi)部通過(guò)元素對(duì)象的屬性來(lái)指定事件處理程序，如下所示：
<button id = "btn">點(diǎn)擊我</button>
<script>
var btn = document.getElementById("btn");
btn.onclick = function(){
alert("Hello World!");
}
</script>
4. DOM2級(jí)事件處理程序: 編寫(xiě)?yīng)毩⒌暮瘮?shù)來(lái)處理事件，再將函數(shù)與指定的元素事件相連，如下所示：
<button id = "btn">點(diǎn)擊我</button>
<script>
function alertText(){
alert("Hello World!");
}
document.getElementById("btn").addEventListener("click", alertText, false);
</script>總之，JavaScript中的on是事件處理程序的前綴，在網(wǎng)頁(yè)中用來(lái)指定某個(gè)元素在觸發(fā)某種事件時(shí)需要執(zhí)行的代碼。可以通過(guò)HTML內(nèi)部、HTML事件處理程序、DOM0級(jí)事件處理程序、DOM2級(jí)事件處理程序等方式來(lái)定義事件處理程序。