事件---事件对象

前言

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

DOM中的事件对象

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

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

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

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

6. stopPropagation()方法用于立即停止事件在DOM层次中的传播，即取消进一步的事件捕获或冒泡。
7. 事件对象的eventPhase属性，可以用来确定事件当前正位于事件流的哪个阶段。
   
   • 1：捕获
   • 2：处于目标对象上
   • 3：冒泡
8. 只有在事件处理程序执行期间，event对象才会存在；一旦事件处理程序执行完成，event对象就会被销毁。

IE中的事件对象

1. 访问IE中的event对象有几种不同的方式，取决于指定事件处理程序的方法。
   
   • DOM0：window.event
   • attachEvent()：event或者window.event
   • HTML：event变量
2. event对象的属性：其中returnValue属性相当于DOM中的preventDefault()方法，都是取消给定事件的默认行为。

跨浏览器的事件对象

1. 在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;
       }
   };