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 }