HTML事件

转载：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);