DOM事件相关内容

一、事件流

事件流描述的是从页面中接受事件的顺序。
IE的事件流是事件冒泡流，而Netscape的事件流是事件捕获流
1、事件冒泡
事件冒泡，事件最开始由最具体触发事件的元素(文档中嵌套层次最深的那个节点)接收，然后逐级向上转播至最不具体的节点(文档)。
2、事件捕获
事件捕获的思想是不太具体的节点应该更早接收到事件，而最具体的节点最后接收到事件。

二、事件处理程序

1、HTML事件处理程序
直接在HTML中写事件属性，缺点：HTML与js耦合在一起。
2、DOM0级事件处理程序
3、DOM2级事件处理程序
DOM2级事件定义了两个方法：用于处理指定和删除事件处理程序的操作：addEventListener()和removeEventListener()。它们都接收三个参数：要处理的事件名、作为事件处理程序的函数和一个布尔值。
4、IE事件处理程序
attachEvent()添加事件
detachEvent()删除事件
这两个方法接收相同的两个参数：事件处理程序名称与事件处理函数
5、跨浏览器的事件处理程序

三、事件对象

1、DOM中的事件对象:event
(1)、type:获取事件类型
(2)、target：事件目标
(3)、stopPropagation() 阻止事件冒泡
(4)、preventDefault() 阻止事件的默认行为

1.altKey 
描述： 检查alt键的状态。 
语法： event.altKey 
可能的值： 当alt键按下时，值为 true，否则为 false只读。

2.ctrlKey 
描述： 检查ctrl键的状态。 
语法： event.ctrlKey 
可能的值： 当ctrl键按下时，值为 true ，否则为 false。只读。

3.shiftKey 
描述： 检查shift键的状态。 
语法： event.shiftKey 
可能的值： 当shift键按下时，值为 true ，否则为 false。只读。
2、IE中的事件对象:window.event
(1)、type:获取事件类型
(2)、srcElement：事件目标
(3)、cancelBubble=true阻止事件冒泡
(4)、returnValue=false阻止事件的默认行为