JavaScript常用事件
除了剛才提到的 onclick 事件，還有這些常用的事件：
onclick 單擊
ondblclick 雙擊
onfocus 元素獲得焦點
onblur 元素失去焦點
onmouseover 鼠標移到某元素之上
onmouseout 鼠標從某元素移開
onmousedown 鼠標按鈕被按下
onmouseup 鼠標按鍵被松開
onkeydown 某個鍵盤按鍵被按下
onkeyup 某個鍵盤按鍵被松開
onkeypress 某個鍵盤按鍵被按下并松開
其中，onmouseover 和 onmouseout 事件可用于在鼠標移至 HTML 元素上和移出元素時觸發(fā)函數(shù)。比如這一例子：
<html> <head></head> <body> <div style="background-color:green;width:200px;height:50px;margin:20px;padding-top:10px;color:#ffffff;font-weight:bold;font-size:18px;text-align:center;" onmouseover="this.innerHTML='good'" onmouseout="this.innerHTML='you have moved out'" >move your mouse to here</div> </body> </html>
鼠標移入時，顯示“good”，鼠標移出時顯示“you have moved out”：
onmousedown, onmouseup 是鼠標?壓下?和?松開?的事件。首先當點擊鼠標按鈕時，會觸發(fā) onmousedown 事件，當釋放鼠標按鈕時，會觸發(fā) onmouseup 事件。舉例說明：
<html>
<head>
<script>
function mDown(obj) // 按下鼠標 的 事件處理程序
{
obj.style.backgroundColor="#1ec5e5";
obj.innerHTML="release your mouse"
}
function mUp(obj) // 松開鼠標 的 事件處理程序
{
obj.style.backgroundColor="green";
obj.innerHTML="press here"
}
</script>
</head>
<body>
<div style="background-color:green;width:200px;height:35px;margin:20px;padding-top:20px;color:rgb(255,255,255);font-weight:bold;font-size:18px;text-align:center;"
onmousedown="mDown(this)"
onmouseup="mUp(this)"
>press here</div>
</body>
</html>運行結(jié)果可見，按下鼠標時，顯示“release your mouse”，背景變?yōu)樗{色；松開鼠標后，顯示為“press here”，背景變?yōu)榫G色。
