纯JavaScript实现的兼容各浏览器的添加和移除事件封装

//事件处理兼容各种浏览器，采用能力检测方法，所谓能力检测，就是有能力就做，没有能力就不做//定义一个处理事件的对象，兼容各种浏览器，dom2级事件处理和ie事件，如果这两个事件都不兼容，就采用dom0级处理 var eventUtil ={addEvent:function（element,type,handler）{if （element.addEventListener） {//非IE浏览器采用dom2级事件处理，type为事件类型如：click，handler为事件处理函数，false代表事件采用冒泡处理模型，如果是true代表 采用捕获型处理模型//除了netbeans采用捕获型处理模型，其他都采用冒泡型处理模型//如果是非IE浏览器添加事件为：addEventListenerelement.addEventListener（type,handler,false）;}else if （element.attachEvent） {//如果为IE浏览器，添加事件采用 attachEventelement.attachEvent（"on"+type,handler）;}else{element["on"+type] = handler;}},removeEvent:function（element,type,handler）{if （element.removeEventListener） {//非IE浏览器采用dom2级事件处理，type为事件类型如：click，handler为事件处理函数，false代表事件采用冒泡处理模型，如果是true代表 采用捕获型处理模型//除了netbeans采用捕获型处理模型，其他都采用冒泡型处理模型//如果是非IE浏览器添加事件为：removeEventListenerelement.removeEventListener（type,handler,false）;}else if （element.detachEvent） {//如果为IE浏览器，添加事件采用 detachEventelement.detachEvent（"on"+type,handler）;}else{//dom0级事件处理，如果删除事件采用赋值nullelement["on"+type] = null;}},getEvent:function（event）{//获取事件本身 return event?event:window.event;},getType:function（event）{ //获取事件类型 return event.type;},getElement: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;}} }