1 / 8
文档名称:

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

格式:docx   大小:16KB   页数:8页
下载后只包含 1 个 DOCX 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

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

上传人:mkjafow 2019/3/3 文件大小:16 KB

下载得到文件列表

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

相关文档

文档介绍

文档介绍:js事件处理程序跨浏览器解决方案本文实例为大家分享了js事件处理程序跨浏览器解决方案,供大家参考,具体内容如下 functionshow(){ alert("Helloworld!"); } //声明一个对象 vareventUtil={ //添加句柄 addHandler:function(element,type,handler){ //DOM2级事件处理判断 if(){ (type,handler,false); }elseif(){//IE事件处理判断 ('on'+type,handler); }else{//DOM0级事件判断 element['on'+type]=handler; } }, //删除句柄 removeHandler:function(element,type,handler){ //DOM2级事件处理判断 if(){ (type,handler,false); }elseif(){//IE事件处理判断 ('on'+type,handler); }else{//DOM0级事件判断 element['on'+type]=null; } } } (button3,'click',show); 再为大家分享js原生事件处理跨浏览器的代码: //跨浏览器的事件处理器添加方式 varEventUtil={  addHandler:function(elem,type,handler){   if(){    (type,handler,false);   }   elseif(){    ("on"+type,handler);//添加多个同一类型的handler时,IE方式的规则是最后添加的最先触发  }   else{    if(typeofelem["on"+type]==='function'){     varoldHandler=elem["on"+type];     elem["on"+type]=function(){      oldHandler();      handler();     }    }    else{     elem["on"+type]=handler;//支持添加多个事件处理器   }   }  },  getEvent:function(event){   returnevent?event:;  },  getTarget:function(event){   ||;  },  preventDefault:function(event){   if(ev