摘要：<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>事件</title>
</head>
<body>
<!-- html 事件触发浏览器中的动作（actio
<!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 type="text/javascript">
function myfocus(x){
x.style.background="red";
}
function myclic(y){
y.style.borderRadius="50px";
}
</script>
<form action="">
姓名：<input type="text" onfocus="myfocus(this)">
<br><br>
<div style="width:100px;height:100px; border:1px solid #ccc;background:pink;" onclick="myclic(this)"></div>
</form>
</body>
</html>
