DOM事件

事件的绑定与解绑：
绑定：btn.onclick = function(){};         btn.addEventListener(type,funName);
  btn的单击事件，当btn被单击时触发这个事件           type:事件类型    funName：响应的函数名
解绑：btn.οnclick=null;                        btn.removeEventListener(type,funName);
  btn的解绑

事件对象：
事件源对象 ：event.targent;
event.offsetX
event.offsetY
相对于事件源位置偏移
event.pageX
event.pageY
相对于页面位置偏移

事件的传递方式:
冒泡：从最具的元素捕捉事件，传递给最不具体的元素
捕获：从最不具体的元素捕获到事假，传递给最具体的元素
elem.addEventlistener（事件类型，响应的函数，是否为捕获）
elem.addEventlistener（‘click’,function(),true）
默认其方式是冒泡方式，为true时为捕获方式
阻止事件的传递：
event.stopPorpagation()  阻止事件的传递
event.preventDefault()阻止默认的事件

键盘事件：
keypress 按下弹起时
ketup 键盘弹起
keydown键盘安下
.keyCode 键对应的数字编码
.key 键盘的名称
.which 相当于keyCode

鼠标事件：
.mouseover鼠标移入
.mouseout 鼠标移出
.mousedown鼠标按下
.mouseup鼠标弹起
.mousemove鼠标移动
click单击
dbclick双击

表单事件：
change 值发生变化时
inpu  正在输入
focus 获取焦点
blur 失去焦点

页面事件：
load 加载完成时
resize 窗口发生变化时
scroll 滚动条滚动时