纯JavaScript实现的兼容各浏览器的添加和移除事件封装_javascript技巧_脚本之家

//事件处理兼容各种浏览器,采用能力检测方法,所谓能力检测,就是有能力就做,没有能力就不做 //定义一个处理事件的对象,兼容各种浏览器,dom2级事件处理和ie事件,如果这两个事件都不兼容,就采用dom0级处理 var eventUtil ={ addEvent:function{ if (element.addEventListener) { //非IE浏览器采用dom2级事件处理,type为事件类型如:click,handler为事件处理函数,false代表事件采用冒泡处理模型,如果是true代表 采用捕获型处理模型 //除了netbeans采用捕获型处理模型,其他都采用冒泡型处理模型 //如果是非IE浏览器添加事件为:addEventListener element.addEventListener; }else if  { //如果为IE浏览器,添加事件采用 attachEvent element.attachEvent; }else{ element['on'+type] = handler; } }, removeEvent:function{ if (element.removeEventListener) { //非IE浏览器采用dom2级事件处理,type为事件类型如:click,handler为事件处理函数,false代表事件采用冒泡处理模型,如果是true代表 采用捕获型处理模型 //除了netbeans采用捕获型处理模型,其他都采用冒泡型处理模型 //如果是非IE浏览器添加事件为:removeEventListener element.removeEventListener; }else if  { //如果为IE浏览器,添加事件采用 detachEvent element.detachEvent; }else{ //dom0级事件处理,如果删除事件采用赋值null element['on'+type] = null; } }, getEvent:function{ //获取事件本身 return event?event:window.event; }, getType:function{ //获取事件类型 return event.type; }, getElement:function{ //获取事件作用元素 return event.target || event.srcElement; }, preventDefault:function{ //阻止默认的事件行为 if{ event.preventDefault(); }else{ event.returnValue = false; } }, stopProPagation:function{ //停止事件冒泡 if(event.stopProPagation){ event.stopProPagation(); }else{ event.cancelBubble = true; } } }