this.supportOrientation = typeof window.orientation === 'number'; 

//  檢查螢屏方向
    checkScreenOrientation() {
        if (this.supportOrientation) {
            if (window.orientation === 0) {
                this.screenOrientation = 'portrait';
            }
            if (window.orientation === 90 || window.orientation === -90) {
                this.screenOrientation = 'landscape';
            }
        } else {
            this.screenOrientation = (window.innerWidth > window.innerHeight) ? 'landscape' : 'portrait';
        }
       // if (this.orientationFlag) { //  在為true的時候交換螢屏長寬
            let temp = this.bodyWidth;
       //     this.bodyWidth = this.bodyHeight;
        //    this.bodyHeight = temp;
        // } else {
         //   this.orientationFlag = true;
        // }
i     f(this.orientationFlag){
         imageMof();//重新設定圖片高度
      }else {
         this.orientationFlag = true;
      }
}

大家有時候有需求在螢屏方向改變的時候重新執行某個渲染函式，以獲取方向改變后的實際寬高，但是首次加載的執行函式要在其他地方執行，這時候可以加一個flag的狀態值，默認為false，當第一次檢測到方向改變的時候再改為true，

這里有一篇比較好的相關文章推薦：https://div.io/topic/1828

北京廣州大量內推崗位來襲

我公司正在招聘職位：

公司福利：15-16新，三餐+下午茶……………………

公司主要后端語言：go，python

公司主要行業：移動廣告

北京：

資深后端開發，產品總監，投放經理，資深前端、前端架構師，資深演算法，服務端測驗，產品經理，ios技術支持工程師，云計算售前工程師，高級大資料開發，安卓高級開發，海外廣告推廣（增長高級優化師），高級unity開發，商務專員（日語/韓語），組織發展OD，

廣州：

有視頻創意師，高級優化師，HRBP，高級HRBP，產品總監，財務專案管理，游戲投資經理，程式化投放，高級前端，高級客戶端發展，高級平面設計，短視頻導演，高級測驗，高級演算法，資深演算法，演算法專家，

有意向的私信我即可~~

轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/179771.html

標籤：JavaScript

上一篇：leetcode求峰值，js實作

下一篇：子組件呼叫父組件的資料及方法

js監聽螢屏方向如何第一次默認不監聽

北京廣州大量內推崗位來襲