转载：http://jiangzhengjun.javaeye.com/blog/480996
事件
DOM同时支持两种事件模式：捕获型事件和冒泡型事件，但是，捕获型事件先发生。两种事件流会触及DOM中的所有对象，从document对象开
始，也在document对象结束（大部分兼容标准的浏览会继续将事件捕获/冒泡延续至window对象），DOM中的元素都会连续收到两次事件，一次在
捕获过程中，另一次在冒泡过程中。DOM事件模型最独特的性质是，文本节点也触发事件（在IE中不会）。点击文本节点事件流应该如下图：
传统事件处理函数有两种分配方式：在JavaScript中或者在HTML中。
在JavaScript中分配事件处理函数：
Js代码
var
oDiv = document.getElementById(
"div1"
);
oDiv.onclick = function
() {
alert("I was clicked"
);
};
var oDiv = document.getElementById("div1");
oDiv.onclick = function () {
alert("I was clicked");
};
注：在这个分配方法，事件处理函数名称必须小写，才能正确响应事件。
在HTML中分配事件处理函数：
Html代码
<
div
onclick
=
'alert("I was clicked")'
>
</
div
>
<div onclick='alert("I was clicked")'> </div>
说明：用这种方法，事件处理函数的大小写可任意，所以onclick等同于onClick、OnClick或ONCLICK，但标准的事
件处理函数应该全部用小写定义。
说明：传统分配方式有个缺陷就是只能分配一个处理函数。于是就出现了其它以下分配方式。
IE中特有的attachEvent()事件处理函数分配方
式：
Js代码
var
fnClick1 =
function
() {
alert("Clicked!"
);
};
var
fnClick2 =
function
() {
alert("Also clicked!"
);
};
var
oDiv = document.getElementById(
"div"
);
oDiv.attachEvent("onclick"
, fnClick1);
