資訊專(zhuān)欄INFORMATION COLUMN
摘要：中常見(jiàn)的兼容問(wèn)題元素劃過(guò)的距離滾動(dòng)距離在谷歌瀏覽器下在非谷歌瀏覽器下兼容寫(xiě)法獲取非行內(nèi)樣式在下非下取消冒泡事件是取消冒泡事件是取消冒泡事件獲取對(duì)象的方法獲取方法通過(guò)獲取元素在以及以下的瀏覽器中不可以使用手動(dòng)創(chuàng)建鍵盤(pán)碼的獲取以及以下的瀏覽器
js中常見(jiàn)的兼容問(wèn)題
1.元素劃過(guò)的距離：滾動(dòng)距離
document.body.scrollTop //在谷歌瀏覽器下 document.documentElement.scrollTop //在非谷歌瀏覽器下 let scrollTop = document.body.scrollTop || document.documentElement.scrollTop //兼容寫(xiě)法
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.通過(guò)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.鍵盤(pán)碼的獲取
ev.keyCode || ev.which //ie8以及以下的瀏覽器不支持ev.keyCode
7.阻止瀏覽器的默認(rèn)事件
e.preventDefault ? e.preventDefault() : e.returnValue = false
8.事件監(jiān)聽(tīng)：
obj.addEventListener("click", function() {}, true) //非ie瀏覽器
obj.attachEvent("onclick", function() {}) // ie瀏覽器
css中常見(jiàn)的兼容問(wèn)題
1.透明度問(wèn)題
opacity:0-1 //標(biāo)準(zhǔn)瀏覽器 filter: alpha(opacity= 0-100) //ie8以及以下私有
2.
待續(xù)。。。
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/113376.html
摘要：中常見(jiàn)的兼容問(wèn)題元素劃過(guò)的距離滾動(dòng)距離在谷歌瀏覽器下在非谷歌瀏覽器下兼容寫(xiě)法獲取非行內(nèi)樣式在下非下取消冒泡事件是取消冒泡事件是取消冒泡事件獲取對(duì)象的方法獲取方法通過(guò)獲取元素在以及以下的瀏覽器中不可以使用手動(dòng)創(chuàng)建鍵盤(pán)碼的獲取以及以下的瀏覽器 js中常見(jiàn)的兼容問(wèn)題 1.元素劃過(guò)的距離：滾動(dòng)距離 document.body.scrollTop //在谷歌瀏覽器下 document.do...
摘要：中微信內(nèi)置瀏覽器還不支持我堅(jiān)信不久的將來(lái)就會(huì)支持，但在中能夠完美支持。因此本項(xiàng)目選擇了微信公眾號(hào)為切入點(diǎn)，通過(guò)檢測(cè)引導(dǎo)用戶(hù)在中打開(kāi)頁(yè)面。為了便于傳輸可將其處理成字符串，另一端接收時(shí)還原并用對(duì)應(yīng)的構(gòu)造函數(shù)構(gòu)造對(duì)應(yīng)的實(shí)例即可。 前言 前段時(shí)間一直在忙一個(gè)基于WebRTC的PC和移動(dòng)端雙向視頻的項(xiàng)目。第一次接觸webRTC，難免遇到了許多問(wèn)題，比如：webRTC移動(dòng)端兼容性檢測(cè)，如何配置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)容: 兼容...
閱讀 2814·2023-04-26 02:00
閱讀 2771·2019-08-30 15:54
閱讀 859·2019-08-30 11:15
閱讀 1502·2019-08-29 15:31
閱讀 917·2019-08-29 14:12
閱讀 488·2019-08-29 13:08
閱讀 838·2019-08-27 10:51
閱讀 2706·2019-08-26 12:17
