Event对象：Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。
| 事件标签属性 |
当以下情况发生时，出现此事件 |
| onabort |
图像加载被中断 |
| onchange |
用户改变域的内容 |
| onclick |
鼠标点击某个对象
扫描二维码关注公众号，回复：
2888981 查看本文章
|
| 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>