紸啶呮媞璐濄

导航

通用事件监听函数

 1 var EventUtil = {
 2     //根据情况分别获取DOM或者IE中的事件对象,事件目标,阻止事件的默认行为
 3     getEvent:function(event){
 4         return event?event:window.event;
 5     }
 6     getTarget:function(event){
 7         return event.target||event.srcElement;
 8     }
 9     preventDefault:function(event){
10         if(event.preventDefault){
11             event.preventDefault();
12         }else{
13             event.returnValue = true;
14         }
15     }
16     //根据情况分别使用dom2 || IE || dom0方式 来添加事件
17      // 参数: 操作的元素,事件名称 ,事件处理程序
18     addHandler:function(element,type,Handler){
19         if(element.addEventListener){
20             element.addEventListener(type,Handler,false);
21         }else(element.attachEvent){
22             element.attachEvent("on"+type,Handler);
23         }else{
24             element["on"+type] = Handler;
25         }
26     }
27     //根据情况分别使用dom2 || IE || dom0方式 来删除事件
28     removeHandler:function(element,type,Handler){
29         if(element.removeEventListener){
30             element.removeEventListener(type,Handler,false);
31         }else(element.detachEvent){
32             element.detachEvent("on"+type,Handler);
33         }else{
34             element["on"+type] = null;
35         }
36     }
37     //根据情况分别取消DOM或者IE中事件冒泡
38     stopPropagation:function(event){
39         if(event.stopPropagation){
40             event.stopPropagation();
41         }else{
42             event.cancelBubble = true;
43         }
44     }
45 
46 }

 

posted on 2016-12-27 18:08  紸啶呮媞璐濄  阅读(147)  评论(0编辑  收藏  举报