JavaScript兼容

// 屬性的兼容,使用||解決
// 方法的兼容缕陕,使用if判斷解決

  1. event事件獲取兼容
//eve傳入?yún)?shù)
var e = eve || window.event;

注意:event需要逐層傳遞,不要疏忽外部的function

  1. 非行內(nèi)樣式兼容
function getStyle(ele,attr){
    if(ele.currentStyle){
          return ele.currentStyle[attr];                  //IE
    }else{
          return getComputedStyle(ele,false)[attr];       //非IE
    }
}
alert(getStyle(obox,"background-color"));
console.log(getStyle(obox2,"background-color"));
  1. 獲取按鍵ASCII碼
var eve = eve || window.event
var keyC = eve.keyCode || eve.which

  1. 添加事件監(jiān)聽(IE兼容)
// 封裝成函數(shù)
function addEvent(ele,type,callback){
        if(ele.addEventListener){
            ele.addEventListener(type,callback)
        }else if(ele.attachEvent){
            ele.attachEvent("on"+type,callback)
        }else{
            ele["on"+type] = callback;
        }
    }

function removeEvent(ele,type,callback){
        if(ele.removeEventListener){
            ele.removeEventListener(type,callback)
        }else if(ele.detachEvent){
            ele.detachEvent("on"+type,callback)
        }else{
            ele["on"+type] = null;
        }
    }
  //removeEvent(obox,"click",fn1)
// 封裝成對(duì)象
    var myEvent = {
        add:function(ele,type,callback){
            if(ele.addEventListener){
                ele.addEventListener(type,callback)
            }else if(ele.attachEvent){
                ele.attachEvent("on"+type,callback)
            }else{
                ele["on"+type] = callback;
            }
        },
        remove:function(ele,type,callback){
            if(ele.removeEventListener){
                ele.removeEventListener(type,callback)
            }else if(ele.detachEvent){
                ele.detachEvent("on"+type,callback)
            }else{
                ele["on"+type] = null;
            }
        }
    }
  1. 阻止事件冒泡兼容
function stopBubble(e){
    if(e.stopPropagation){
        e.stopPropagation()
    }else{
        e.cancelBubble = true;//IE
    }
}
  1. 目標(biāo)元素target兼容
target = e.target || e.srcElement;
  1. 阻止瀏覽器默認(rèn)行為兼容
function(e){
    if(e.preventDefault){
        e.preventDefault();
     }else{
        window.event.returnValue = false;
     }
}
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末厦滤,一起剝皮案震驚了整個(gè)濱河市翘瓮,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌遍坟,老刑警劉巖拳亿,帶你破解...
    沈念sama閱讀 210,978評(píng)論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異愿伴,居然都是意外死亡肺魁,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,954評(píng)論 2 384
  • 文/潘曉璐 我一進(jìn)店門隔节,熙熙樓的掌柜王于貴愁眉苦臉地迎上來鹅经,“玉大人,你說我怎么就攤上這事怎诫●危” “怎么了?”我有些...
    開封第一講書人閱讀 156,623評(píng)論 0 345
  • 文/不壞的土叔 我叫張陵幻妓,是天一觀的道長蹦误。 經(jīng)常有香客問我,道長肉津,這世上最難降的妖魔是什么强胰? 我笑而不...
    開封第一講書人閱讀 56,324評(píng)論 1 282
  • 正文 為了忘掉前任,我火速辦了婚禮妹沙,結(jié)果婚禮上偶洋,老公的妹妹穿的比我還像新娘。我一直安慰自己初烘,他們只是感情好涡真,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,390評(píng)論 5 384
  • 文/花漫 我一把揭開白布分俯。 她就那樣靜靜地躺著,像睡著了一般哆料。 火紅的嫁衣襯著肌膚如雪缸剪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,741評(píng)論 1 289
  • 那天东亦,我揣著相機(jī)與錄音杏节,去河邊找鬼。 笑死典阵,一個(gè)胖子當(dāng)著我的面吹牛奋渔,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播壮啊,決...
    沈念sama閱讀 38,892評(píng)論 3 405
  • 文/蒼蘭香墨 我猛地睜開眼嫉鲸,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了歹啼?” 一聲冷哼從身側(cè)響起玄渗,我...
    開封第一講書人閱讀 37,655評(píng)論 0 266
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎狸眼,沒想到半個(gè)月后藤树,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,104評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡拓萌,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,451評(píng)論 2 325
  • 正文 我和宋清朗相戀三年岁钓,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片微王。...
    茶點(diǎn)故事閱讀 38,569評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡屡限,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出炕倘,到底是詐尸還是另有隱情囚霸,我是刑警寧澤,帶...
    沈念sama閱讀 34,254評(píng)論 4 328
  • 正文 年R本政府宣布激才,位于F島的核電站拓型,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏瘸恼。R本人自食惡果不足惜劣挫,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,834評(píng)論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望东帅。 院中可真熱鬧压固,春花似錦、人聲如沸靠闭。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,725評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至拦键,卻和暖如春谣光,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背芬为。 一陣腳步聲響...
    開封第一講書人閱讀 31,950評(píng)論 1 264
  • 我被黑心中介騙來泰國打工萄金, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人媚朦。 一個(gè)月前我還...
    沈念sama閱讀 46,260評(píng)論 2 360
  • 正文 我出身青樓氧敢,卻偏偏與公主長得像,于是被迫代替她去往敵國和親询张。 傳聞我的和親對(duì)象是個(gè)殘疾皇子孙乖,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,446評(píng)論 2 348

推薦閱讀更多精彩內(nèi)容

  • 第3章 基本概念 3.1 語法 3.2 關(guān)鍵字和保留字 3.3 變量 3.4 數(shù)據(jù)類型 5種簡單數(shù)據(jù)類型:Unde...
    RickCole閱讀 5,104評(píng)論 0 21
  • 概要 64學(xué)時(shí) 3.5學(xué)分 章節(jié)安排 電子商務(wù)網(wǎng)站概況 HTML5+CSS3 JavaScript Node 電子...
    阿啊阿吖丁閱讀 9,125評(píng)論 0 3
  • 第1章 認(rèn)識(shí)JS JavaScript能做什么?1.增強(qiáng)頁面動(dòng)態(tài)效果(如:下拉菜單份氧、圖片輪播的圆、信息滾動(dòng)等)2.實(shí)現(xiàn)...
    mo默22閱讀 1,250評(píng)論 0 5
  • 一、JS前言 (1)認(rèn)識(shí)JS 也許你已經(jīng)了解HTML標(biāo)記(也稱為結(jié)構(gòu))半火,知道了CSS樣式(也稱為表示),會(huì)使用HT...
    凜0_0閱讀 2,755評(píng)論 0 8
  • 收集于網(wǎng)絡(luò)季俩,特此整理钮糖。 多看看API,總是沒壞處~ 一酌住、節(jié)點(diǎn) 1.1 節(jié)點(diǎn)屬性 Node.nodeName //...
    前端程序猿阿旭閱讀 5,360評(píng)論 1 1