一， onmouseover 和 onmouseout 事件 onmouseover 和 onmouseout 事件可用於在用戶的滑鼠移至 HTML 元素上方或移出元素時觸發函數。 一個小例：滑鼠未在上面前 移到上面後 二， onmousedown、onmouseup 以及 onclick 事件 o ...
一，
onmouseover 和 onmouseout 事件
onmouseover 和 onmouseout 事件可用於在用戶的滑鼠移至 HTML 元素上方或移出元素時觸發函數。
一個小例：滑鼠未在上面前
移到上面後
（1）關鍵代碼
<body> <div onmouseover="mOver(this)" onmouseout="mOut(this)"
style="background-color:green;width:120px;height:20px;padding:40px;color:#ffffff;">把滑鼠移到上面</div> <script> function mOver(obj) { obj.innerHTML="謝謝" } function mOut(obj) { obj.innerHTML="把滑鼠移到上面" } </script>
（2）關鍵代碼 （兩種方法均可實現）
<div onmouseover="innerHTML='謝謝'" onmouseout="innerHTML='把滑鼠移到上面'"
style="width:120px;height:20px;padding:40px;color:#ffffff;">把滑鼠移到上面</div>
二，
onmousedown、onmouseup 以及 onclick 事件
onmousedown, onmouseup 以及 onclick 構成了滑鼠點擊事件的所有部分。首先當點擊滑鼠按鈕時，會觸發 onmousedown 事件，當釋放滑鼠按鈕時，會觸發 onmouseup 事件，最後，當完成滑鼠點擊時，會觸發 onclick 事件。
例：
未按滑鼠前
點擊滑鼠時
鬆開後
（1）關鍵代碼
<div onmousedown="mDown(this)" onmouseup="mUp(this)"style="background-color:green;color:#ffffff;
width:90px;height:20px;padding:40px;font-size:12px;">請點擊這裡</div> <script> function mDown(obj) { obj.style.backgroundColor="#1ec5e5"; obj.innerHTML="請釋放滑鼠按鈕" } function mUp(obj) { obj.style.backgroundColor="green"; obj.innerHTML="請按下滑鼠按鈕" } </script>
（2）關鍵代碼 （兩種方法均可）
<div onmousedown="style.backgroundColor='#1ec5e5',innerHTML='請釋放滑鼠'"
onmouseup="style.backgroundColor='red',innerHTML='請按下滑鼠'"
style="color:#ffffff;width:90px;height:20px;padding:40px;font-size:12px;">請點擊這裡</div>
