刷书之事件处理

所谓事件，就是web通知浏览器通知应用程序发生了什么事情。

1. 事件分类
   依赖于设备事件：mousedown/mouseup、keydown/keyup等传统事件类型；
   独立于设备的事件：textinput事件；
   用户页面事件：submit,focus;
   状态变化事件:online offline（网络是否连接）；
   2.传统事件类型
   表单事件:submit,reset,focus,blur;
   windows事件：load（当文档加载完毕时触发）/unload；
   鼠标事件：mouseover/mouseout、mousedown/mouseup、contextmenu（显示上下文菜单）、mousewheel（滚动鼠标滚轮）;
   键盘事件:keydown/keyup 、keypress（对象指定产生的字符而非按下的键）；
   3.addEventListener()
   var b=document.getElementById(“mybutton”);
   b.οnclick=function(){ alert(“thanks for clicking me”);};
   b.addEventListener(“click”,function(){ alert(“thanks again”);},false);
   相对于addEventListener()的是removeEventListener()，同样有三个参数；
   4.事件处理程序的运行环境
   在事件处理程序内，this关键字指的是事件目标；
   使用attachEvent()的处理程序作为函数调用，this指向Window对象；
   5.调用顺序
   通过设置对象属性或HTML属性注册的处理程序优先调用；
   使用addEventListener()注册的处理程序按照他们的注册顺序调用;
   多加一条遇到的 ：
   overflow的英文意思就是溢出，即当元素里面的内容超出元素的可视范围（通常就是指元素的四个内边距所框出的矩形范围）时要进行何种处理，比如：
   overflow:visible 溢出的内容会显示在元素可视范围外，即不做任何处理。
   overflow:hidden 溢出的内容会被剪裁掉，或者说隐藏，不占存储空间。
   overflow:scroll 元素会出现滚动条，通过滚动条用户可看到溢出的内容。

visibility则是可见性（或者说能见度），即用来决定元素是可见的还是隐藏的。
visibility:visible 元素可见
visibility:hidden 元素隐藏（但元素所占的位置还在）