事件
事件是文档或者浏览器窗口中发生的，特定的交互瞬间
一、绑定事件方法：
1、var btn=document.getElementById("btn");
btn.onclick=function(){
alert("我是第一种绑定事件的方法");
}
2、btn.addEventListener("click",function(){
alert("我是第二种绑定事件的方法");
},false)
addEventListener和onclick和onmouseover的区别：
使用addEventListener不会发生事件覆盖
其余的两个只会实现最近的事件 就近原则
addEventListener：
onclick和onmouseover：
3、function clickFn(){
alert("我是第三种绑定事件的方法");
}
二、鼠标事件
ondblclick 鼠标双击某个对象
onmousemove 鼠标被移动
鼠标移动在h1上移动 移动范围不包括margin 包括border
如果用addEventListener绑定要去掉“on”
三、表单事件
onfocus 元素获得焦点
当没有焦点状态 点击触发焦点执行焦点事件
例如：换一个选项触发一次焦点
onblur 元素失去焦点
例如：改变选择原选项失去焦点所以触发
onchange 用户改变域的内容
1、用户改变域的内容 当文本框内容被改变失去焦点会触发 （内容有改变才会触发）
2、select使用onchange 事件较多 只要选择了不同的下拉选项就会触发 不在乎value和option内容是否一致
3、文件域（file）选择文件的时候也可以用onchange事件触发
onreset 表单重置时触发
onsubmit 表单提交时触发
注意：表单重置和提交事件不支持input标签，支持form标签
四、键盘事件
键盘事件就是对键盘操作触发的事件
onkeydown 键盘的键被按下
onkeypress 键盘被松开的瞬间 但是还未完全抬起 时发生
onkeyup 键盘的键被松开
oninput 用户输入时触发
提示：键盘事件的事件次序：onkeydown onkeypress onkeyup oninput
拓展： 在bom中 window最大 在dom中 document最大
五、UI事件
UI（User Interface，用户界面）事件指的是那些不一定与用户操作有关的事件
onload 某个页面或图像被完成加载
当script写在head里 要用onload 提前加载页面 获取body里的内容
