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

首先值得说一下 ,在事件处理、事件对象、阻止事件的传播等方法或对象存在着浏览器 兼容性问题 ,开发过程中最好编写成一个通用的事件处理工具 ,嗯 ,接下来我们一起来看一下 JavaScript 中的跨浏览器事件操作的基本方法整理 绑定事件 EU.addHandler = function(element,type,handler){ nbsp; //DOM2 级事件处理， IE9 也支持 nbsp; if(element.addEventListener){ nbsp; nbsp; element.addEventListener(type,handler,false); nbsp; } nbsp; else if(element.attachEvent){ nbsp; nbsp; //type 加 on nbsp; nbsp; //IE9 也可以这样绑定 nbsp; nbsp; element.attachEvent(on + type,handler); nbsp; } nbsp; //DOM0 级事件处理步，事件流也是冒泡 nbsp; else{ nbsp; nbsp; element[on + type] = handler; nbsp; } }; 取消绑定事件 和绑定事件的处理基本一致，有一个注意点： 传入的 handler 必须与绑定事件时传入的相同（指向同一个函数） EU.removeHandler = function(element,type,handler){ nbsp; if(element.removeEventListener){ nbsp; nbsp; element.removeEventListener(type,handler); nbsp; } nbsp; else if(element.attachEvent){ nbsp; nbsp; element.detachEvent(on + type,handler); nbsp; } nbsp; else{ nbsp; nbsp; // 属性置空就可以 nbsp; nbsp; element[on + type] = null; nbsp; } }; 跨浏览器添加事件 function addEvent(obj,type,fn){ nbsp; if(obj.addEventListener){ nbsp; nbsp; obj.addEventListener(type,fn,false); nbsp; }else if(obj.attachEvent){//IE nbsp; nbsp; obj.attchEvent(on+type,fn); nbsp; } } 跨浏览器移除事件 function removeEvent(obj,type,fn){ nbsp; if(obj.removeEventListener){ nbsp; nbsp; obj.removeEventListener(type,fn,false); nbsp; }else if(obj.detachEvent){// 兼容 IE nbsp; nbsp; obj.detachEvent(on+type,fn); nbsp; } } 跨浏览器阻止默认行为 function preDef(ev){ nbsp; nbsp; var e = ev || window.event; nbsp; nbsp; if(e.preventDefault){ nbsp; nbsp; nbsp; e.preventDefault(); nbsp; nbsp; }else{ nbsp; nbsp; nbsp; e.returnValue =false;