亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

詳解js幾個繞不開的事件兼容寫法

2019-11-19 15:36:16
字體:
來源:轉載
供稿:網友

本文介紹了詳解js幾個繞不開的事件兼容寫法,分享給大家,具體如下:

1、鍵盤事件 keyCode 兼容性寫法

var inp = document.getElementById('inp')var result = document.getElementById('result')function getKeyCode(e) { e = e ? e : (window.event ? window.event : "") return e.keyCode ? e.keyCode : e.which}inp.onkeypress = function(e) { result.innerHTML = getKeyCode(e)}

2、求窗口大小的兼容寫法

當我們獲取滾動條滾動距離時:

IE,Chrome: document.body.scrollTop

FF: document.documentElement.scrollTop

// 瀏覽器窗口可視區域大?。ú话üぞ邫诤蜐L動條等邊線)// 1600 * 525var client_w = document.documentElement.clientWidth || document.body.clientWidth;var client_h = document.documentElement.clientHeight || document.body.clientHeight;// 網頁內容實際寬高(包括工具欄和滾動條等邊線)// 1600 * 8var scroll_w = document.documentElement.scrollWidth || document.body.scrollWidth;var scroll_h = document.documentElement.scrollHeight || document.body.scrollHeight;// 網頁內容實際寬高 (不包括工具欄和滾動條等邊線)// 1600 * 8var offset_w = document.documentElement.offsetWidth || document.body.offsetWidth;var offset_h = document.documentElement.offsetHeight || document.body.offsetHeight;// 滾動的高度var scroll_Top = document.documentElement.scrollTop||document.body.scrollTop;

3、DOM 事件處理程序的兼容寫法(能力檢測)

var eventshiv = {  // event兼容  getEvent: function(event) {    return event ? event : window.event;  },  // type兼容  getType: function(event) {    return event.type;  },  // target兼容  getTarget: function(event) {    return event.target ? event.target : event.srcelem;  },  // 添加事件句柄  addHandler: function(elem, type, listener) {    if (elem.addEventListener) {      elem.addEventListener(type, listener, false);    } else if (elem.attachEvent) {      elem.attachEvent('on' + type, listener);    } else {      // 在這里由于.與'on'字符串不能鏈接,只能用 []      elem['on' + type] = listener;    }  },  // 移除事件句柄  removeHandler: function(elem, type, listener) {    if (elem.removeEventListener) {      elem.removeEventListener(type, listener, false);    } else if (elem.detachEvent) {      elem.detachEvent('on' + type, listener);    } else {      elem['on' + type] = null;    }  },  // 添加事件代理  addAgent: function (elem, type, agent, listener) {    elem.addEventListener(type, function (e) {      if (e.target.matches(agent)) {        listener.call(e.target, e); // this 指向 e.target      }    });  },  // 取消默認行為  preventDefault: function(event) {    if (event.preventDefault) {      event.preventDefault();    } else {      event.returnValue = false;    }  },  // 阻止事件冒泡  stopPropagation: function(event) {    if (event.stopPropagation) {      event.stopPropagation();    } else {      event.cancelBubble = true;    }  }};

4、解決 IE9 以下瀏覽器不能使用 opacity

opacity: 0.5;filter: alpha(opacity = 50);filter: progid:DXImageTransform.Microsoft.Alpha(style = 0, opacity = 50);

5、為一個元素綁定兩個相同事件:attachEvent/attachEventLister 出現的兼容問題

事件綁定:(不兼容需要兩個結合做兼容if..else..)

IE8以下用: attachEvent('事件名',fn);

FF,Chrome,IE9-10用: attachEventLister('事件名',fn,false);

 function myAddEvent(obj,ev,fn){   if(obj.attachEvent){    //IE8以下    obj.attachEvent('on'+ev,fn);   }else{    //FF,Chrome,IE9-10    obj.attachEventLister(ev,fn,false);   }  }

6、獲取元素的非行間樣式值

function getStyle(object,oCss) {    if (object.currentStyle) {     return object.currentStyle[oCss];//IE    }else{     return getComputedStyle(object,null)[oCss];//除了IE    }  }

7、節點加載

//火狐下特有的節點加載事件,就是節點加載完才執行,和onload不同//感覺用到的不多,直接把js代碼放在頁面結構后面一樣能實現。。document.addEventListener('DOMContentLoaded',function ( ){},false);//DOM加載完成。好像除IE6-8都可以.

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持武林網。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
欧美成人在线免费| 亚洲天堂av在线播放| 亚洲成色777777在线观看影院| www.美女亚洲精品| 中文字幕亚洲专区| 青青久久av北条麻妃黑人| 国产精品免费视频久久久| 神马久久久久久| 中文字幕免费精品一区| 成人激情电影一区二区| 久久av在线播放| 欧美精品在线播放| 亚洲国产精品女人久久久| 欧美激情视频给我| 久久久久亚洲精品| 另类天堂视频在线观看| 国产女精品视频网站免费| 不卡av在线网站| 日韩av中文字幕在线| 国产成人福利视频| 永久免费精品影视网站| 国产一区深夜福利| 色中色综合影院手机版在线观看| 久久精品99久久香蕉国产色戒| 色综合久综合久久综合久鬼88| 亚洲国产精品电影在线观看| 最近中文字幕2019免费| 国产精品无av码在线观看| 欧美性视频在线| 欧美国产在线视频| 亚洲精品成人av| 中文字幕亚洲一区二区三区五十路| 日韩在线免费观看视频| 91精品久久久久久久久青青| 亚洲国产成人爱av在线播放| 97欧美精品一区二区三区| 国模视频一区二区| 欧美理论电影在线播放| 成人欧美一区二区三区黑人| 久久精品国产成人| 91日本视频在线| 96pao国产成视频永久免费| 91免费版网站入口| 羞羞色国产精品| 欧美激情欧美激情在线五月| 精品日韩中文字幕| 亚洲精品www久久久久久广东| 永久免费毛片在线播放不卡| 亚洲精品一区二区三区婷婷月| 亚洲最大福利视频网| 97在线观看视频| 九九九久久国产免费| 色偷偷91综合久久噜噜| 一区二区三区视频免费在线观看| 奇门遁甲1982国语版免费观看高清| 国产精品第3页| 精品视频www| 亚洲福利在线观看| 亚洲日本欧美中文幕| 91精品啪aⅴ在线观看国产| 欧美性受xxxx黑人猛交| 欧美电影免费观看大全| 欧美黑人性视频| 国产精品美女午夜av| 中文字幕欧美日韩精品| 精品国产91久久久| 国产精品海角社区在线观看| 欧美成人免费va影院高清| 中文字幕亚洲天堂| 亚洲综合成人婷婷小说| 日韩精品视频免费专区在线播放| 深夜成人在线观看| 国产精品激情av电影在线观看| 欧美亚洲另类在线| 91精品国产色综合| 欧美激情视频在线免费观看 欧美视频免费一| 在线播放日韩专区| 国产精品久久久| 亚洲精品视频久久| 国产成人综合精品在线| 欧美疯狂性受xxxxx另类| 亚洲美女激情视频| 精品美女久久久久久免费| 日本亚洲欧洲色| 欧美性videos高清精品| 欧美性jizz18性欧美| 精品亚洲aⅴ在线观看| 国产精品免费小视频| 色综合久久天天综线观看| 成人黄色激情网| 成人免费视频xnxx.com| 久久久久久久999精品视频| 久久久久久久久久国产| 日韩av电影免费观看高清| 97在线视频免费观看| 91精品国产综合久久久久久蜜臀| 国产视频欧美视频| 成人免费视频网址| 色爱av美腿丝袜综合粉嫩av| 欧美极品少妇与黑人| 中文国产成人精品久久一| 亚洲理论在线a中文字幕| 国产伊人精品在线| 日韩亚洲第一页| 国模私拍一区二区三区| 日韩视频永久免费观看| 日韩有码在线电影| 国产精品影院在线观看| 8090成年在线看片午夜| 秋霞成人午夜鲁丝一区二区三区| 日韩亚洲在线观看| 亚洲人线精品午夜| 亚洲精品久久视频| 欧美日韩国产成人在线| 国产婷婷97碰碰久久人人蜜臀| 国产玖玖精品视频| 国产日韩欧美自拍| 美日韩精品免费观看视频| 国内精久久久久久久久久人| 中文字幕免费精品一区高清| 日韩大片在线观看视频| 亚洲欧洲日产国产网站| 久久国产精品网站| 免费91在线视频| 欧美激情xxxx性bbbb| 中文字幕国产精品| 91香蕉嫩草神马影院在线观看| 久久久亚洲福利精品午夜| 国产精品美女主播在线观看纯欲| 亚洲国产成人在线视频| 91精品国产色综合久久不卡98| 国产精品一区二区三区久久久| 欧美性生交xxxxx久久久| 国产精品高清在线| 欧美大人香蕉在线| 国产精品大陆在线观看| 久久国产精品久久久久| 一个人看的www欧美| 欧美在线视频播放| 亚洲人成电影网站| 欧美综合一区第一页| 久久人体大胆视频| 欧美日韩亚洲91| 国产美女久久久| 国产999在线观看| 国内精品400部情侣激情| 欧美香蕉大胸在线视频观看| 国产日韩欧美在线播放| 深夜福利日韩在线看| 蜜臀久久99精品久久久久久宅男| 亚洲男人天天操| 2019亚洲男人天堂| 91久久精品国产91久久| 久久精品视频在线观看| 亚洲午夜女主播在线直播| 亚洲欧美在线播放| 国产精品欧美在线| 久久久久久国产精品三级玉女聊斋| 精品香蕉一区二区三区| 成人欧美一区二区三区在线湿哒哒| 欧美性xxxxxxxxx| 免费99精品国产自在在线| 国产日韩欧美综合| 欧美日韩国产综合视频在线观看中文|