js事件处理程序跨浏览器解决方案.docxVIP

PAGE1 / NUMPAGES7 js大事处理程序跨扫瞄器解决方案 本文实例为大家共享了js大事处理程序跨扫瞄器解决方案，供大家参考，具体内容如下  !DOCTYPE html  html  head  meta charset="utf-8" /  title/title  /head  body  div  　　input type="button" id="button1" value="按钮" /  /div  script type="text/javascript"  　　function show(){  　　　　alert("Hello world!");  　　}  　　//声明一个对象  　　var eventUtil={  　　//添加句柄  　　　　addHandler:function(element,type,handler){  　　//DOM2级大事处理推断  　　　　if(element.addEventListener){  　　　　　　element.addEventListener(type,handler,false);  　　　　}else if(element.attachEvent){//IE大事处理推断  　　　　　　element.attachEvent('on'+type,handler);  　　　　}else{//DOM0级大事推断  　　　　　　element['on'+type]=handler;  　　　　}  　　},  　　//删除句柄  　　removeHandler:function(element,type,handler){  　　//DOM2级大事处理推断  　　if(element.removeEventListener){  　　　　elememt.removeEventListener(type,handler,false);  　　}else if(element.detachEvent){//IE大事处理推断  　　　　element.detachEvent('on'+type,handler);  　　}else{//DOM0级大事推断  　　　　element['on'+type]=null;  　　　　}  　　}  }  　　eventUtil.addHandler(button3,'click',show);  /script  /body  /html  再为大家共享js原生大事处理跨扫瞄器的代码：  //跨扫瞄器的大事处理器添加方式  var EventUtil = {  addHandler : function(elem, type, handler){  if(elem.addEventListener){  elem.addEventListener(type, handler, false);  }  else if(elem.attachEvent){  elem.attachEvent("on" + type, handler);//添加多个同一类型的handler时，IE方式的规那么是最终添加的最先触发  }  else{  if(typeof elem["on" + type] === 'function'){  var oldHandler = elem["on" + type];  elem["on" + type] = function(){  oldHandler();  handler();  }  }  else{  elem["on" + type] = handler;//支持添加多个大事处理器  }  }  },  getEvent : function(event){  return event ? event : window.event;  },  getTarget : function(event){  return event.target || event.srcElement;  },  preventDefault : function(event){  if(event.preventDefault){  event.preve