JavaScript中的event事件对象

我们需要了解这几个概念：事件，事件类型，事件绑定，事件监听，事件处理程序（事件侦听器），事件对象（事件源），事件流，事件冒泡，事件捕获，事件性能优化（事件委托[事件代理]，移除事件处理程序），浏览器内核（常见的浏览器兼容问题）

事件（event）

其实事件一直都是存在的（不管有没有绑定或监听），它只是没有事件处理程序而已。JavaScript事件是：浏览器，文档窗口中的发生特定的交互瞬间；而JavaScript和HTML之间的交互行为就是通过事件来触发的。

事件处理程序：我们用户在页面中进行的点击这个动作，鼠标移动的动作，网页页面加载完成的动作等，都可以称之为事件名称，即：click、mousemove、load等都是事件的名称。响应某个事件的函数则称为事件处理程序，或者叫做事件侦听器。

事件类型：

在JavaScript中事件大至分为了三大类，分别是一般事件、表单事件、页面事件这3种。

（1）UI事件：如load、unload、error、resize、scroll、select、DOMActive，是用户与页面上的元素交互时触发的。
（2）焦点事件：如blur、DOMFocusIn、DOMFocusOut、focus、focusin、focusout，在元素获得或失去焦点的时候触发，这些事件当中，最为重要的是blur和focus，有一点需要引起注意，这一类事件不会发生冒泡！
（3）鼠标与滚轮事件：如click、dblclick、mousedown、mouseenter、mouseleave、mousemove、mouseout、mouseover、mouseup，是当用户通过鼠标在页面执行操作时所触发的。
（4）滚轮事件：mousewheel（IE6+均支持）、DOMMouseScroll（FF支持的，与mousewheel效果一样）。是使用鼠标滚轮时触发的。
（5）文本事件：textInput，在文档中输入文本触发。
（6）键盘事件：keydown、keyup、keypress，当用户通过键盘在页面中执行操作时触发。
（7）合成事件：DOM3级新增，用于处理IME的输入序列。所谓IME，指的是输入法编辑器，可以让用户输入在物理键盘上找不到的字符。compositionstart、compositionupdate、compositionend三种事件。
（8）变动事件：DOMsubtreeModified、DOMNodeInserted、DOMNodeRemoved、DOMAttrModified、DOMCharacterDataModified等，当底层DOM结构发生变化时触发。IE8-不支持。
（9）变动名称事件：指的是当元素或者属性名变动时触发，当前已经弃用！
对于事件的基本类型，随着HTML5的出现和发展，又新增了HTML5事件、设备事件(单点触控)、触摸事件touch、手势事件等各种事件等

事件流

浏览器层次顺序：document -> html -> body -> div父元素 -> input子元素】，document最上层祖先元素， input最下层后代元素。

什么是事件流：事件流是描述从页面中接收事件的顺序【从内到外(冒泡)，从外到内(捕获)