跨浏览器绑定及解绑事件

<button id="btn">跨浏览器绑定及解绑事件</button>
<script type="text/javascript">
	var eventUtil = {
		//绑定事件
		addHandler:function(element,type,handler){
			if(element.addEventListener){
				//chrome,firefox,safari,opera,IE9+
				element.addEventListener(type,handler);
			}else if(element.attachEvent){
				//IE8及以下
				element.attachEvent("on"+type,handler);
			}else{
				//其他
				element["on"+type] = null;
			}
		},
		//解绑事件
		removeHandler:function(element,type,handler){
			if(element.removeEventListener){
				//chrome,safari,firefox,opera,IE9+
				element.removeEventListener(type,handler);
			}else if(element.detachEvent){
				//IE8及以下
				element.detachEvent("on"+type,handler);
			}else{
			//其他
				element["on"+type] = null;
			}
		}
	}

	//测试
	var btn = document.getElementById("btn");
	function handler(){
		alert("跨浏览器处理事件");
	}
	eventUtil.addHandler(btn,"click",handler);
	eventUtil.removeHandler(btn,"click",handler);
</script>