国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

常見的pc端的兼容問題總結

王軍 / 1056人閱讀

摘要:中常見的兼容問題元素劃過的距離滾動距離在谷歌瀏覽器下在非谷歌瀏覽器下兼容寫法獲取非行內(nèi)樣式在下非下取消冒泡事件是取消冒泡事件是取消冒泡事件獲取對象的方法獲取方法通過獲取元素在以及以下的瀏覽器中不可以使用手動創(chuàng)建鍵盤碼的獲取以及以下的瀏覽器

js中常見的兼容問題

1.元素劃過的距離:滾動距離

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對象的方法

var ev = event || ev

4.獲取target方法

var target = ev.target || ev.srcElement

5.通過class獲取元素

if (!document.getElementsByClassName) {        //在Ie8以及以下的瀏覽器中不可以使用
    document.getElementsByClassName = function () {        //手動創(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.阻止瀏覽器的默認事件

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        //標準瀏覽器
filter: alpha(opacity= 0-100)        //ie8以及以下私有

2.

待續(xù)。。。

文章版權歸作者所有,未經(jīng)允許請勿轉載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/95261.html

相關文章

  • 常見pc兼容問題總結

    摘要:中常見的兼容問題元素劃過的距離滾動距離在谷歌瀏覽器下在非谷歌瀏覽器下兼容寫法獲取非行內(nèi)樣式在下非下取消冒泡事件是取消冒泡事件是取消冒泡事件獲取對象的方法獲取方法通過獲取元素在以及以下的瀏覽器中不可以使用手動創(chuàng)建鍵盤碼的獲取以及以下的瀏覽器 js中常見的兼容問題 1.元素劃過的距離:滾動距離 document.body.scrollTop //在谷歌瀏覽器下 document.do...

    awkj 評論0 收藏0
  • webRTC實戰(zhàn)總結

    摘要:中微信內(nèi)置瀏覽器還不支持我堅信不久的將來就會支持,但在中能夠完美支持。因此本項目選擇了微信公眾號為切入點,通過檢測引導用戶在中打開頁面。為了便于傳輸可將其處理成字符串,另一端接收時還原并用對應的構造函數(shù)構造對應的實例即可。 前言 前段時間一直在忙一個基于WebRTC的PC和移動端雙向視頻的項目。第一次接觸webRTC,難免遇到了許多問題,比如:webRTC移動端兼容性檢測,如何配置Me...

    Pandaaa 評論0 收藏0
  • 我們來談談項目中遇到需要兼容pc端和移動端css布局

    摘要:首先在里面需要引入移動端屬性布局方式之布局標題布局標題布局內(nèi)容兼容端和移動端的布局獲取屏幕寬度設置標簽的大小為移動端效果圖端效果圖布局方式之彈性布局布局標題布局內(nèi)容兼容端和移動端的 首先在head里面需要引入移動端屬性: 1.css布局方式之div + css布局; 標題: div + css布局 內(nèi)容: 兼容...

    sshe 評論0 收藏0
  • 我們來談談項目中遇到需要兼容pc端和移動端css布局

    摘要:首先在里面需要引入移動端屬性布局方式之布局標題布局標題布局內(nèi)容兼容端和移動端的布局獲取屏幕寬度設置標簽的大小為移動端效果圖端效果圖布局方式之彈性布局布局標題布局內(nèi)容兼容端和移動端的 首先在head里面需要引入移動端屬性: 1.css布局方式之div + css布局; 標題: div + css布局 內(nèi)容: 兼容...

    miracledan 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<