資訊專欄INFORMATION COLUMN
摘要：中常見的兼容問題元素劃過的距離滾動(dòng)距離在谷歌瀏覽器下在非谷歌瀏覽器下兼容寫法獲取非行內(nèi)樣式在下非下取消冒泡事件是取消冒泡事件是取消冒泡事件獲取對(duì)象的方法獲取方法通過獲取元素在以及以下的瀏覽器中不可以使用手動(dòng)創(chuàng)建鍵盤碼的獲取以及以下的瀏覽器
js中常見的兼容問題
1.元素劃過的距離：滾動(dòng)距離
document.body.scrollTop //在谷歌瀏覽器下 document.documentElement.scrollTop //在非谷歌瀏覽器下 let scrollTop = document.body.scrollTop || document.documentElement.scrollTop //兼容寫法
2.js獲取非行內(nèi)樣式
obj.currentStyle() //在ie下 window.getComputedStyle(obj,null) //非ie下
3.取消冒泡事件
//ev.cancelBubble是ie取消冒泡事件 ev.stopProgation是w3c取消冒泡事件 ev.stopPropagation ? ev.stopPropagation() : ev.cancelBubble = true
4.獲取event對(duì)象的方法
var ev = event || ev
4.獲取target方法
var target = ev.target || ev.srcElement
5.通過class獲取元素
if (!document.getElementsByClassName) { //在Ie8以及以下的瀏覽器中不可以使用
document.getElementsByClassName = function () { //手動(dòng)創(chuàng)建
var arr = [];
var all = document.getElementsByTagName("*");
for (var i = 0; i < all.length; i++) {
if (all[i].className.indexOf(classname + "") != -1) {
arr.push(all[i])
}
}
}
return arr;
}
6.鍵盤碼的獲取
ev.keyCode || ev.which //ie8以及以下的瀏覽器不支持ev.keyCode
7.阻止瀏覽器的默認(rèn)事件
e.preventDefault ? e.preventDefault() : e.returnValue = false
8.事件監(jiān)聽：
obj.addEventListener("click", function() {}, true) //非ie瀏覽器
obj.attachEvent("onclick", function() {}) // ie瀏覽器
css中常見的兼容問題
1.透明度問題
opacity:0-1 //標(biāo)準(zhǔn)瀏覽器 filter: alpha(opacity= 0-100) //ie8以及以下私有
2.
待續(xù)。。。
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/113376.html
摘要：中常見的兼容問題元素劃過的距離滾動(dòng)距離在谷歌瀏覽器下在非谷歌瀏覽器下兼容寫法獲取非行內(nèi)樣式在下非下取消冒泡事件是取消冒泡事件是取消冒泡事件獲取對(duì)象的方法獲取方法通過獲取元素在以及以下的瀏覽器中不可以使用手動(dòng)創(chuàng)建鍵盤碼的獲取以及以下的瀏覽器 js中常見的兼容問題 1.元素劃過的距離：滾動(dòng)距離 document.body.scrollTop //在谷歌瀏覽器下 document.do...
摘要：中微信內(nèi)置瀏覽器還不支持我堅(jiān)信不久的將來就會(huì)支持，但在中能夠完美支持。因此本項(xiàng)目選擇了微信公眾號(hào)為切入點(diǎn)，通過檢測引導(dǎo)用戶在中打開頁面。為了便于傳輸可將其處理成字符串，另一端接收時(shí)還原并用對(duì)應(yīng)的構(gòu)造函數(shù)構(gòu)造對(duì)應(yīng)的實(shí)例即可。 前言 前段時(shí)間一直在忙一個(gè)基于WebRTC的PC和移動(dòng)端雙向視頻的項(xiàng)目。第一次接觸webRTC，難免遇到了許多問題，比如：webRTC移動(dòng)端兼容性檢測，如何配置Me...
摘要：首先在里面需要引入移動(dòng)端屬性布局方式之布局標(biāo)題布局標(biāo)題布局內(nèi)容兼容端和移動(dòng)端的布局獲取屏幕寬度設(shè)置標(biāo)簽的大小為移動(dòng)端效果圖端效果圖布局方式之彈性布局布局標(biāo)題布局內(nèi)容兼容端和移動(dòng)端的 首先在head里面需要引入移動(dòng)端屬性： 1.css布局方式之div + css布局； 標(biāo)題: div + css布局 內(nèi)容: 兼容...
摘要：首先在里面需要引入移動(dòng)端屬性布局方式之布局標(biāo)題布局標(biāo)題布局內(nèi)容兼容端和移動(dòng)端的布局獲取屏幕寬度設(shè)置標(biāo)簽的大小為移動(dòng)端效果圖端效果圖布局方式之彈性布局布局標(biāo)題布局內(nèi)容兼容端和移動(dòng)端的 首先在head里面需要引入移動(dòng)端屬性： 1.css布局方式之div + css布局； 標(biāo)題: div + css布局 內(nèi)容: 兼容...
閱讀 2829·2023-04-26 02:00
閱讀 2789·2019-08-30 15:54
閱讀 882·2019-08-30 11:15
閱讀 1516·2019-08-29 15:31
閱讀 929·2019-08-29 14:12
閱讀 503·2019-08-29 13:08
閱讀 853·2019-08-27 10:51
閱讀 2722·2019-08-26 12:17
