获得event对象兼容性写法

event || (event = window.event);

获得target兼容型写法

event.target||event.srcElement

阻止浏览器默认行为兼容性写法

event.preventDefault ? event.preventDefault() : (event.returnValue = false);

阻止冒泡写法

event.stopPropagation ? event.stopPropagation() : (event.cancelBubble = true);

添加事件监听和取消事件监听

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
//添加事件监听兼容函数
function addHandler(target, eventType, handler){
	if(target.addEventListener){//主流浏览器
		addHandler = function(target, eventType, handler){
			target.addEventListener(eventType, handler, false);
		};
	}else{//IE
		addHandler = function(target, eventType, handler){
			target.attachEvent("on"+eventType, handler);
		};		
	}
	//执行新的函数
	addHandler(target, eventType, handler);
}
//删除事件监听兼容函数
function removeHandler(target, eventType, handler){
	if(target.removeEventListener){//主流浏览器
		removeHandler = function(target, eventType, handler){
			target.removeEventListener(eventType, handler, false);
		}		
	}else{//IE
		removeHandler = function(target, eventType, handler){
			target.detachEvent("on"+eventType, handler);
		}		
	}
	//执行新的函数
	removeHandler(target, eventType, handler);
}
注：后者皆为兼容IE的兼容性写法。