摘要：2.11 js事件：HTML 事件触发浏览器中的动作（action），比如当用户点击某个 HTML 元素时启动 一段 JavaScript代码。下面是一个属性列表，这些属性可插入 HTML 标签来定义事件动作 属性 描述 onfocus 元素获得焦点。 onblur
2.11 js事件：
HTML 事件触发浏览器中的动作（action），比如当用户点击某个 HTML 元素时启动
一段 JavaScript代码。下面是一个属性列表，这些属性可插入 HTML 标签来定义事件动作
属性 描述
onfocus 元素获得焦点。
onblur 元素失去焦点。
onchange 域的内容被改变。
以上三种多用于form表单！！！
onclick 当用户点击某个对象时调用的事件句柄。
ondblclick 当用户双击某个对象时调用的事件句柄。
onkeydown 某个键盘按键被按下。
onkeyup 某个键盘按键被松开。
onkeypress 某个键盘按键被按下并松开。//动作触发事件不常用
onload 一张页面或一幅图像完成加载。
onmousedown 鼠标按钮被按下。
onmousemove 鼠标被移动。
onmouseout 鼠标从某元素移开。
onmouseover 鼠标移到某元素之上。//与css里面hover差不多！
onmouseup 鼠标按键被松开
onsubmit 确认按钮被点击。
例： function myfovus(x) { //定义函数
x.style.background="red" //后期会详细讲解！！！
}
姓名：<input type="text" onfocus="myfovus(this)"> //事件触发属性+"函数名+(参数)" （this当前的input框）//this当前！！！
如果函数内部属性有用到（-）就使用驼峰法命名法！
例：border-radius：45px; //不起作用！！！应该改为borderRadius:45px;
<!DOCTYPE html>
<html>
<head>
<link rel="shortcut icon" type="image/x-icon" href="http://img.php.cn/upload/article/000/000/003/5c20909c72220984.png">
<script type="text/javascript" >
function a(x){
x.style.background="blue"
x.style.height="300px"
x.style.width="300px"
};
function b(x){
x.style.background="red"
x.style.margin="auto"
x.style.boxShadw="50px pink"
x.style.border="50px solid pink"
x.style.borderRadius="50%"
}
function c(x){
x.style.background="red"
x.style.width="50px"
x.style.height="300px"
x.style.margin="auto"
}
</script>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body style="background-color:#ccc; ">
<button onclick="a(box)">出现</button>
<button onclick="b(box)">居中改变</button>
<button onclick="c(bo)">棒棒糖</button>
<div id="box"></div>
<div id="bo"></div>
</body>
</html>如果外部在多做几层就好看了七彩的棒棒糖！由于时间关系就没做！重在理解知道这么运用这些属性不是吗！
那些不足的希望老师指出谢谢！
批改老师：天蓬老师批改时间：2018-12-30 17:49:01
老师总结：事件那么多,怎么记呢?有一个简单的方法, 就是按主体业区别, 主要有二类, 用户触发的, 非用户触发的,就是系统发生的
