最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

純JavaScript實(shí)現(xiàn)的兼容各瀏覽器的添加和移除事件封裝

 更新時(shí)間:2015年03月28日 10:41:58   投稿:junjie  
這篇文章主要介紹了純JavaScript實(shí)現(xiàn)的兼容各瀏覽器的添加和移除事件封裝,本文直接給出實(shí)現(xiàn)代碼,代碼中帶詳細(xì)注釋,需要的朋友可以參考下
//事件處理兼容各種瀏覽器,采用能力檢測(cè)方法,所謂能力檢測(cè),就是有能力就做,沒(méi)有能力就不做
 
 //定義一個(gè)處理事件的對(duì)象,兼容各種瀏覽器,dom2級(jí)事件處理和ie事件,如果這兩個(gè)事件都不兼容,就采用dom0級(jí)處理
 var eventUtil ={
    addEvent:function(element,type,handler){
      if (element.addEventListener) {
      	//非IE瀏覽器采用dom2級(jí)事件處理,type為事件類(lèi)型如:click,handler為事件處理函數(shù),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級(jí)事件處理,type為事件類(lèi)型如:click,handler為事件處理函數(shù),false代表事件采用冒泡處理模型,如果是true代表 采用捕獲型處理模型
      	//除了netbeans采用捕獲型處理模型,其他都采用冒泡型處理模型
      	//如果是非IE瀏覽器添加事件為:removeEventListener
      	element.removeEventListener(type,handler,false);
      }else if (element.detachEvent) {
      	//如果為IE瀏覽器,添加事件采用 detachEvent
      	element.detachEvent('on'+type,handler);
      }else{
      	//dom0級(jí)事件處理,如果刪除事件采用賦值null
        element['on'+type] = null;
      }
    },
    getEvent:function(event){
    	  //獲取事件本身
    	 return event?event:window.event;
    },
    getType:function(event){
    	 //獲取事件類(lèi)型
    	 return event.type;
    },
    getElement:function(event){
    	 //獲取事件作用元素
    	 return event.target || event.srcElement;
    },
    preventDefault:function(event){
    	  //阻止默認(rèn)的事件行為
      if(event.preventDefault){
      	  event.preventDefault();
      }else{
      	  event.returnValue = false;
      }
    },
    stopProPagation:function(event){
    	//停止事件冒泡
    	  if(event.stopProPagation){
        event.stopProPagation();
    	  }else{
    	  	  event.cancelBubble = true;
    	  }
    }




 }

相關(guān)文章

  • JS設(shè)計(jì)模式之中介者模式使用方法詳解

    JS設(shè)計(jì)模式之中介者模式使用方法詳解

    JavaScript中介者模式是一種行為型設(shè)計(jì)模式,用于降低多個(gè)對(duì)象之間的耦合性,在中介者模式中,多個(gè)對(duì)象之間不直接相互通信,而是通過(guò)中介者進(jìn)行通信, 本文就來(lái)給大家詳細(xì)的介紹一下JS設(shè)計(jì)模式之中介者模式使用方法,需要的朋友可以參考下
    2023-08-08
  • JS實(shí)現(xiàn)的簡(jiǎn)單分頁(yè)功能示例

    JS實(shí)現(xiàn)的簡(jiǎn)單分頁(yè)功能示例

    這篇文章主要介紹了JS實(shí)現(xiàn)的簡(jiǎn)單分頁(yè)功能,涉及javascript事件響應(yīng)及頁(yè)面元素遍歷、動(dòng)態(tài)構(gòu)造等相關(guān)操作技巧,需要的朋友可以參考下
    2018-08-08
  • javascript讀取文本節(jié)點(diǎn)方法小結(jié)

    javascript讀取文本節(jié)點(diǎn)方法小結(jié)

    本篇文章主要介紹了javascript讀取文本節(jié)點(diǎn)的方法,具有很好的參考價(jià)值,需要的朋友一起來(lái)看下吧
    2016-12-12
  • openlayers4實(shí)現(xiàn)點(diǎn)動(dòng)態(tài)擴(kuò)散

    openlayers4實(shí)現(xiàn)點(diǎn)動(dòng)態(tài)擴(kuò)散

    這篇文章主要為大家詳細(xì)介紹了openlayers4實(shí)現(xiàn)的點(diǎn)動(dòng)態(tài)擴(kuò)散,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2020-08-08
  • Bootstrap精簡(jiǎn)教程中秋大放送

    Bootstrap精簡(jiǎn)教程中秋大放送

    Bootstrap精簡(jiǎn)教程中秋大放送,這篇文章主要為大家分享了最基礎(chǔ)的Bootstrap學(xué)習(xí)教程,感興趣的小伙伴們可以參考一下
    2016-09-09
  • 微信小程序引入模塊中wxml、wxss、js的方法示例

    微信小程序引入模塊中wxml、wxss、js的方法示例

    這篇文章主要介紹了微信小程序引入模塊中wxml、wxss、js的方法示例,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2019-08-08
  • 詳解JavaScript函數(shù)對(duì)象

    詳解JavaScript函數(shù)對(duì)象

    函數(shù)是由事件驅(qū)動(dòng)的或者當(dāng)它被調(diào)用時(shí)執(zhí)行的可重復(fù)使用的代碼塊,JavaScript 中的所有事物都是對(duì)象:字符串、數(shù)值、數(shù)組、函數(shù),下面通過(guò)本文給大家介紹JavaScript函數(shù)對(duì)象,感興趣的朋友一起學(xué)習(xí)吧
    2015-11-11
  • 基于JS實(shí)現(xiàn)快速讀取TXT文件

    基于JS實(shí)現(xiàn)快速讀取TXT文件

    這篇文章主要介紹了基于JS實(shí)現(xiàn)快速讀取TXT文件,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
    2020-08-08
  • javascript淘寶主圖放大鏡功能

    javascript淘寶主圖放大鏡功能

    這篇文章主要為大家詳細(xì)介紹了javascript淘寶主圖放大鏡功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2016-10-10
  • 詳解javascript事件冒泡

    詳解javascript事件冒泡

    這篇文章主要向大家介紹了javascript事件冒泡,以及javascript阻止事件冒泡的實(shí)現(xiàn)代碼,感興趣的朋友可以參考一下
    2016-01-01

最新評(píng)論

九台市| 莲花县| 达日县| 恩平市| 高邑县| 灵丘县| 神木县| 千阳县| 海口市| 汉源县| 满洲里市| 临西县| 孟连| 普兰县| 平原县| 敖汉旗| 张北县| 渝中区| 丁青县| 习水县| 辽阳市| 龙井市| 榆中县| 花莲市| 太原市| 吴江市| 石屏县| 水富县| 前郭尔| 兴国县| 宿州市| 铁岭市| 名山县| 兰溪市| 涪陵区| 铁力市| 寻乌县| 建宁县| 竹溪县| 外汇| 兴化市|