前言

在触发DOM上的某个事件时，会产生一个事件对象event，这个对象中包含着所有与事件有关的信息。

DOM中的事件对象

兼容DOM的浏览器会将一个event对象传入到事件处理程序中。无论指定事件处理程序时使用什么方法（DOM0/DOM2），都会传入event对象。 在通过HTML特性指定事件处理程序时，变量event中保存着event对象。 event对象包含与创建它的特定事件有关的属性和方法。 在事件处理程序内部，this===event.currentTarget，而event.target则只包含事件的实际目标。

阻止特定事件的默认行为：preventDefault()方法。

link.onclick=function(event){
    event.preventDefault();
};

只有cancelable属性设置为true的事件，才可以使用preventDefault()来取消其默认行为。

stopPropagation()方法用于立即停止事件在DOM层次中的传播，即取消进一步的事件捕获或冒泡。 事件对象的eventPhase属性，可以用来确定事件当前正位于事件流的哪个阶段。

1：捕获 2：处于目标对象上 3：冒泡 只有在事件处理程序执行期间，event对象才会存在；一旦事件处理程序执行完成，event对象就会被销毁。

IE中的事件对象

访问IE中的event对象有几种不同的方式，取决于指定事件处理程序的方法。

DOM0：window.event attachEvent()：event或者window.event HTML：event变量 event对象的属性：其中returnValue属性相当于DOM中的preventDefault()方法，都是取消给定事件的默认行为。

跨浏览器的事件对象

在EventUtil对象中添加方法：

getEvent:function(event){
    return event?event:window.event;
},
getTarget:function(event){
    return event.target||event.srcElement;
},
preventDefault:function(event){
    if(event.preventDefault){
        event.preventDefault;
    }
    else{
        event.returnValue=false;
    }
},
stopPropagation:function(event){
    if(event.stopPropagation){
        event.stopPropagation
    }
    else{
        event.cancelBubble=true;
    }
};