摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>事件</title> </head> <body> <!-- HTML 事件触发浏览器中的动作（action），比如当
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>事件</title>
</head>
<body>
<!-- HTML 事件触发浏览器中的动作（action），比如当用户点击某个 HTML 元素时启动一段 Javascript 代码。
下面是一个属性列表，这些属性可插入 HTML 标签来定义事件动作
属性 描述
onfocus 元素或得焦点
onblur 元素失去焦点
onchange 域的内容被改变
onclick 当用户点击某个对象时调用的事件句柄
ondblclick 当用户双击某个对象时调用的事件句柄
onkeydown 某个键盘按键被按下
onkeyup 某个键盘按键被松开
onkeypress 某个键盘按键被按下并松开
onload 一张页面或一副图像完成加载
onmousedown 鼠标按钮被按下
onmousemove 鼠标被移动
onmouseout 鼠标从某元素移开
onmouseover 鼠标移动到某元素之上
onmouseup 鼠标按键被松开
onsubmit 确认按钮被点击 -->
<script>
function myFocus(x) {
x.style.background = 'red';
}
function myonclick(y) {
y.style.borderRadius = '50px';
y.style.background = 'pink';
}
function divOnmouseover(z) {
z.style.background = 'red';
}
function divOnmouseout(x) {
x.style.background = '#fff';
}
</script>
姓名：<input type="text" onfocus ="myFocus(this)">
<br><br>
<div style="width: 100px;height: 100px;border: 1px solid #ccc;" onclick="myonclick(this)"></div>
<hr>
<div style="width: 600px;height: 200px;border: 1px solid red;" onmouseover="divOnmouseover(this)" onmouseout="divOnmouseout(this)"></div>
</body>
</html>
批改老师：灭绝师太批改时间：2019-01-06 12:34:30
老师总结：完成的不错，常用是事件方法也就那么几个，要熟练运用
