阅读背景:

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

来源:互联网 

!--NEWSZW_HZH_BEGIN--

//事件处置兼容各种阅读器,采取才能检测办法,所谓才能检测,就是有才能就做,没有才能就不做
 
 //定义一个处置事件的对象,兼容各种阅读器,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;
    	  }
    }




 }
//事件处置兼容各种阅读器,采取才能检测办法,所谓才




你的当前访问异常,请进行认证后继续阅读剩余内容。

分享到: