JavaScript 事件

1. JavaScript 中有两种事件流模型，分别是 IE 的“冒泡型事件”和 Netscape 的“捕获型事件”。冒泡型事件触发过程如下图所示：


    捕获型事件触发顺序刚好与冒泡型相反。注意，在上图中，冒泡层次到达 window 层，IE 是不支持到 window 层，但是 Mozilla 支持。IE 只支持到 document 层。

2. DOM 支持两种事件流模型，事件触发顺序如下图所示：


    注意， IE 对 DOM 事件模型支持不良好。

3. 事件对象
    事件对象只有在事件发生时才会创建，并且只有事件处理函数才能访问。所有事件处理函数执行完毕后，事件对象就被销毁。事件对象一般包括以下三方面信息：
    引起事件的对象
    事件发生时鼠标信息
    事件发生时键盘信息
    注意，在 IE 中，事件对象是 window 对象的一个属性 event。所以 IE 中事件函数需要用 window.event 的方式来访问事件对象，如 var oEvent = window.event。尽管它是 window 对象的属性，event 对象还是只能在事件发生时访问。所有的事件处理函数执行完毕后，事件对象就被销毁。
    DOM 标准则说，event】 对象必须作为唯一的参数传给事件处理函数。所以在 DOM 兼容的浏览器（如 Mozilla、Safari 和 Opera）中访问事件对象的方式是在函数内部通过 arguments[0] 来访问，如 var oEvent = agruments[0];

4. 事件对象在 IE 中的属性和方法


5. DOM 事件对象的属性和方法


6. 事件的类型
    DOM 标准把事件分为这几种类型：鼠标事件、键盘事件、HTML 事件、突变事件。HTML 事件是指窗口发生变动或发生特定的客户端-服务器端交互时触发的事件。突变事件是指底层 DOM 结构发生改变时出发的事件。

7. 事件触发的顺序
    一次鼠标点击事件的触发顺序为：mousedown、mouseup、click；
    一次键盘按键事件的触发顺序为：keydown、keypress、keyup

8. HTML 事件
    HTML 事件的分类是由原来从 IE4.0 和 Netscape 4.0 开发人员创建事件模型中遗留下来的很多事件组成。如页面加载 load 时事件、JavaScript 脚本运行出错事件 error、文本框 change、窗口 resize 事件、页面 scroll 事件、focus 事件和 blur 事件等。