AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > JavaScript

纯JavaScript实现的兼容各浏览器的添加和移除事件封装

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

JavaScript,兼容,浏览器,添加,移除,事件,封装  
上一篇:jquery实现右键菜单插件  下一篇:jquery表单验证插件(jquery.validate.js)的3种使用方式