Event對象：Event 對象代表事件的狀態，比如事件在其中發生的元素、鍵盤按鍵的狀態、鼠標的位置、鼠標按鈕的狀態。
| 事件標簽屬性 |
當以下情況發生時，出現此事件 |
| onabort |
圖像加載被中斷 |
| onchange |
用戶改變域的內容 |
| onclick |
鼠標點擊某個對象 |
| ondblclick |
鼠標雙擊某個對象 |
| onerror |
當加載文檔或圖像時發生某個錯誤 |
| onfocus、onblur |
元素獲得焦點、失去焦點時觸發 |
| onkeydown、onkeyup |
某個鍵盤的鍵被按下、被松開時觸發 |
| onkeypress |
某個鍵盤的鍵被按下或按住 |
| onload、 onunload |
某個頁面或圖像被完成“加載”、用戶退出頁面 |
| onmousedown、onmouseup |
某個鼠標按鍵被按下、被松開時觸發 |
| onmousemove |
鼠標被移動 |
| onmouseout |
鼠標從某元素移開 |
| onmouseover |
鼠標被移到某元素之上 |
| onresize |
窗口或框架被調整尺寸 |
| onselect |
文本被選定 |
| onsubmit、onreset |
提交按鈕、重置按鈕被點擊 |
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script>
function test(){
console.log("李銀霞");
}
</script>
</head>
<body>
<!--
1：onchange=" "事件
-->
<select onchange="test()">
<option value="1">一年級</option>
<option value="2">二年級</option>
<option value="3">三年級</option>
</select>
<!--
2：onclick=" "點擊事件
-->
<input type="submit" onclick="test()"/>
<!--
3:onfocus=" "獲取焦點事件
-->
<input onfocus="test()" />
<!--
4：onblur=" "失去焦點事件
-->
<textarea onblur="test()"></textarea>
<!--
5:onkeydown=""鍵盤的某個鍵被按下時觸發的事件
-->
<input onkeydown="test()" />
<!--
6:onkeyup=""鍵盤的某個鍵被松開時觸發的事件
-->
<textarea onkeyup="test()"></textarea>
<br />
<!--
作者：1767757232@qq.com
時間：2018-08-21
描述：
-->
<input onkeypress="test" />
<!--
8:onmousedowm=""鼠標按下事件
-->
<div style="background: red;" onmousedown="test()">
按鈕
</div>
<!--
9:onmouseup=""鼠標松開事件
-->
<div style="background: blue;" onmouseup="test()">
按鈕
</div>
<!--
10：onmouseover=""鼠標划上去事件
-->
<div style="background: green;" onmouseover="test()">
按鈕
</div>
<!--
11:onmouseout=""鼠標滑開事件
-->
<div style="background: purple;" onmouseout="test()">
按鈕
</div>
<!--
12：onmousemove=""滑動鼠標事件
-->
<div style="background: black;" onmousemove="test()">
按鈕
</div>
</body>
</html>