午夜勾魂曲-午夜福利自怕-午夜福利在线观看6080-午夜福利院电影-国产精品毛片AV久久97-国产精品麻豆高潮刺激A片

跨瀏覽器問題

2018-7-13    seo達人

如果您想訂閱本博客內容，每天自動發到您的郵箱中， 請點這里

寫在前面的話

關于跨瀏覽器問題一直是一個大問題， 所以我決定在此做一個記錄， 當然不可能把跨瀏覽器問題一下子都搞定， 所以該文章將是一個長期的過程， 當coding時遇到了， 就會完善該文。

添加事件 

var EventUtil = { /*
     *添加事件
    */ addHandler: function(element, type, handler) { if(element.addEventListener){ element.addEventListener(type, handler, false)
        }else if(element.attachEvent){ element.attachEvent('on'+type, handler)
        }else{ element['on'+type] = handler
        }
    }, /*
     *刪除事件
    */ removeHandler: function(element, type, handler){ if(element.removeEventListener){ element.removeEventListener(type, handler, false)
        }else if(element.detachEvent){ element.detachEvent('on'+type, handler)
        }else { element['on'+type] = null }
    }, /*
     *獲得事件對象
    */ getEvent: function(event){ return event ? event : window.event  //ie瀏覽器的事件對象是window對象的屬性， 所以需要window.event來獲取。 }, /*
     *獲得事件對象的事件目標（觸發事件的事件目標）
    */ getTarget: function(event){ return event.target || event.srcElement //這是||符號的另一種用法， 遇到true就返回。 }, /*
     *阻止默認事件
    */ preventDefault: function(event){ if(event.preventDefault){
            event.preventDefault
        }else{
            event.returnValue = false }
    }, /*
     *阻止事件冒泡
    */ stopPropagation: function(event){ if(event.stopPropagation){
            event.stopPropagation()
        }else {
            event.cancelBubble = true }
    }

}  // stopPropagation()方法既可以阻止事件冒泡，也可以阻止事件捕獲，也可以阻止處于目標階段。
    
    

        
  • 
            1
        
    • 

        
  • 
            2
        
    • 

        
  • 
            3
        
    • 

        
  • 
            4
        
    • 

        
  • 
            5
        
    • 

        
  • 
            6
        
    • 

        
  • 
            7
        
    • 

        
  • 
            8
        
    • 

        
  • 
            9
        
    • 

        
  • 
            10
        
    • 

        
  • 
            11
        
    • 

        
  • 
            12
        
    • 

        
  • 
            13
        
    • 

        
  • 
            14
        
    • 

        
  • 
            15
        
    • 

        
  • 
            16
        
    • 

        
  • 
            17
        
    • 

        
  • 
            18
        
    • 

        
  • 
            19
        
    • 

        
  • 
            20
        
    • 

        
  • 
            21
        
    • 

        
  • 
            22
        
    • 

        
  • 
            23
        
    • 

        
  • 
            24
        
    • 

        
  • 
            25
        
    • 

        
  • 
            26
        
    • 

        
  • 
            27
        
    • 

        
  • 
            28
        
    • 

        
  • 
            29
        
    • 

        
  • 
            30
        
    • 

        
  • 
            31
        
    • 

        
  • 
            32
        
    • 

        
  • 
            33
        
    • 

        
  • 
            34
        
    • 

        
  • 
            35
        
    • 

        
  • 
            36
        
    • 

        
  • 
            37
        
    • 

        
  • 
            38
        
    • 

        
  • 
            39
        
    • 

        
  • 
            40
        
    • 

        
  • 
            41
        
    • 

        
  • 
            42
        
    • 

        
  • 
            43
        
    • 

        
  • 
            44
        
    • 

        
  • 
            45
        
    • 

        
  • 
            46
        
    • 

        
  • 
            47
        
    • 

        
  • 
            48
        
    • 

        
  • 
            49
        
    • 

        
  • 
            50
        
    • 

        
  • 
            51
        
    • 

        
  • 
            52
        
    • 

        
  • 
            53
        
    • 

        
  • 
            54
        
    • 

        
  • 
            55
        
    • 

        
  • 
            56
        
    • 

        
  • 
            57
        
    • 

        
  • 
            58
        
    • 

        
  • 
            59
        
    • 

        
  • 
            60
        
    • 

        
  • 
            61
        
    •

ajax事件

關于xhr對象， ie7需要之前的需要使用ActiveXObject對象來實現， 而且存在三個不同的版本。 雖然現在已經不用兼容ie7以前的瀏覽器了， 還是可以了解一下： 
//適用于IE7之前的版本 

function createXHR(){ if(typeof arguments.callee.activeXString != 'string'){ var versions = ['MSXML2.XMLHttp.6.0', 'MSXML2.XMLHttp.3.0', 'MSXML2.XMLHttp'],
        i,
        len; for(i = 0; len = version.length; i++){ try{ new ActiveXObject(veersions[i]); arguments.callee.activeXString = versions[i] break }catch(ex){ //跳過 }
        }
    } return new ActiveXObject(arguments.callee.activeXString)
}
    
    

        
  • 
            1
        
    • 

        
  • 
            2
        
    • 

        
  • 
            3
        
    • 

        
  • 
            4
        
    • 

        
  • 
            5
        
    • 

        
  • 
            6
        
    • 

        
  • 
            7
        
    • 

        
  • 
            8
        
    • 

        
  • 
            9
        
    • 

        
  • 
            10
        
    • 

        
  • 
            11
        
    • 

        
  • 
            12
        
    • 

        
  • 
            13
        
    • 

        
  • 
            14
        
    • 

        
  • 
            15
        
    • 

        
  • 
            16
        
    • 

        
  • 
            17
        
    •

//最終版本 

function createXHR(){ if(typeof XMLHttpRequest != 'undefined'){ return new XMLHttpRequest()
    }else if(typeof ActiveXObject != 'undefined'){ if(typeof arguments.callee.activeXString != 'string'){ var versions = ['MSXML2.XMLHttp.6.0', 'MSXML2.XMLHttp.3.0', 'MSXML2.XMLHttp'],
        i,
        len; for(i = 0; len = version.length; i++){ try{ new ActiveXObject(veersions[i]); arguments.callee.activeXString = versions[i] break }catch(ex){ //跳過 }
        }
    } return new ActiveXObject(arguments.callee.activeXString)
    }else { throw new Error("NO XHR object availabel")
    }
}
藍藍設計( www.gerard.com.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

日歷

鏈接

個人資料

藍藍設計的小編 http://www.gerard.com.cn

存檔

主站蜘蛛池模板： 国产亚洲精品久久久久久鸭绿欲 | 国产精品久久久久久人妻精品蜜桃 | 亚州AV中文无码乱人伦在线 | 久久综合久综合久久鬼色 | 国产露脸无码A区久久 | 国产精品久久久久永久免费看 | 超碰97视频在线观看 | caoporm国产精品视频免费 | 最近高清中文字幕无吗免费看 | 久久久久国产一级毛片高清片 | 小草高清视频免费直播 | 内射爽无广熟女亚洲 | 99精品小视频 | 久久国产亚洲精品AV麻豆 | 国产精品成人久久久久A伋 国产精品成人观看视频免费 | 国产中文字幕一区 | 56prom在线精品国产 | 免费在线观看黄色网址 | 性夜a爽黄爽 | 1788福利视频在视频线 | 国产精品私人玩物在线观看 | 一个人的视频全免费在线观看www | 性夜夜春夜夜爽AA片A | 果冻传媒在线观看完整版免费 | 真实农村女人野外自拍照片 | 98久久无码一区人妻A片蜜 | 在线观看日韩一区 | 老师小扫货水能么多叫出来 | 午夜福利92看看电影80 | 好紧好湿太硬了我太爽了小说 | 中文字幕成人免费高清在线 | 丰满的美女射精动态图 | 99久久精品久久久久久清纯 | 久久久久亚洲精品影视 | 免费99精品国产人妻自在线 | 国产亚洲精品a在线观看app | 一个人的免费完整在线观看HD | 青青草伊人| 精品午夜久久福利大片免费 | 最近在线视频观看2018免费 | 国产亚洲精品久久无亚洲 |