JavaScript中的跨浏览器事件操作的基本方法整理.docxVIP

首先值得说一下，在事件处理、事件对象、阻止事件的传播等方法或对象存在着浏览器 兼容性问题，开发过程中最好编写成一个通用的事件处理工具 ，嗯，接下来我们一起来看一下 JavaScript中的跨浏览器事件操作的基本方法整理 绑定事件 EU.addHa ndler = function( eleme nt,type,ha ndler){该文档为文档投稿赚钱网作品，版权所有，违责必纠   〃D0M2级事件处理，IE9也支持 &n bsp; if(eleme nt.addEve ntListe ner){ &n bsp; &n bsp; eleme nt.addEve ntListe ner(type,ha ndler,false);该文档为文档投稿赚钱网作品，版权所有，违责必纠 &n bsp; } &n bsp; else if(eleme nt.attachEve nt){     //type 加'on'     〃IE9 也可以这样绑定 &n bsp; &n bsp; eleme nt.attachEve nt(' on' + type,ha ndler);该文档为文档投稿赚钱网作品，版权所有，违责必纠 &n bsp; }   //DOMO级事件处理步，事件流也是冒泡 &n bsp; else{ &n bsp; &n bsp; eleme nt[' on' + type] = han dler;该文档为文档投稿赚钱网作品，版权所有，违责必纠 &n bsp; } }; 取消绑定事件 和绑定事件的处理基本一致，有一个注意点： 传入的handler必须与绑定事件时传入的相同(指向同一个函数) EU.removeHa ndler = function( eleme nt,type,ha ndler){该文档为文档投稿赚钱网作品，版权所有，违责必纠 &n bsp; if(eleme nt.removeEve ntListe ner){该文档为文档投稿赚钱网作品，版权所有，违责必纠 &n bsp; &n bsp; eleme nt.removeEve ntListe ner(type,ha ndler);该文档为文档投稿赚钱网作品，版权所有，违责必纠 &n bsp; } &n bsp; else if(eleme nt.attachEve nt){ &n bsp; &n bsp; eleme nt.detachEve nt(' on' + type,ha ndler);该文档为文档投稿赚钱网作品，版权所有，违责必纠 &n bsp; } &n bsp; else{     //属性置空就可以 &n bsp; &n bsp; eleme nt[' on' + type] = n ull;该文档为文档投稿赚钱网作品，版权所有，违责必纠 &n bsp; } }; 跨浏览器添加事件 function addEve nt(obj,type,fn){ &n bsp; if(obj.addEve ntListe ner){ &n bsp; &n bsp; obj.addEve ntListe ner(type,fn,false);该文档为文档投稿赚钱网作品，版权所有，违责必纠 &n bsp; }else if(obj.attachEve nt){//IE &n bsp; &n bsp; obj.attchEve nt(' on '+type,fn);该文档为文档投稿赚钱网作品，版权所有，违责必纠 &n bsp; } } 跨浏览器移除事件 fun ctio n removeEve nt(obj,type,fn){ &n bsp; if(obj.removeEve ntListe ner){ &n bsp; &n bsp; obj.removeEve ntListe ner(type,fn,false);该文档为文档投稿赚钱网作品，版权所有，违责必纠   }else if(obj.detachEvent){〃 兼容 IE &n bsp; &n bsp; obj.detachEve nt(' on '+type,fn);该文档为文档投稿赚钱网作品，版权所有，违责必纠 &n bsp; } } 跨浏览器阻止默认行为 fun ctio n preDef(ev){ &n bsp; &n bsp; var e = ev || win dow.eve nt;该文档为文档投稿赚钱网作品，版权所有，违责必纠 &n bsp; &n bsp; if(e.preve ntDefault){ &n bsp; &n bsp; &n bsp; e.preve ntDefault();该文档为文档投稿