使用JavaScript判斷手機是處於橫屏還是豎屏

2021-07-29 17:22:59 字數 842 閱讀 1518

移動端的瀏覽器一般都支援window.orientation這個引數，通過這個引數可以判斷出手機是處在橫屏還是豎屏狀態。

從而根據實際需求而執行相應的程式。通過新增監聽事件onorientationchange，進行執行就可以了

//判斷手機橫豎屏狀態：


function hengshuping()


if(window.orientation==90||window.orientation==-90)


}window.addeventlistener("onorientationchange" in window ? "orientationchange" : "resize", hengshuping, false);

在ipad、iphone

網頁開發中，我們很可能需要判斷是橫屏或者豎屏。

下面介紹如何用 jquery

判斷ipad、iphone、android

是橫屏還是豎屏的方法

function orient() 


else if (window.orientation == 0 || window.orientation == 180) 


}//頁面載入時呼叫


$(function());


//使用者變化螢幕方向時呼叫


$(window).bind( 'orientationchange', function(e));
螢幕方向對應的window.orientation值：

ipad： 90 或 -90 橫屏

ipad： 0 或180 豎屏

andriod：0 或180 橫屏

andriod： 90 或 -90 豎屏

js 判斷手勢 移動端JS判斷手勢方向

原生js判斷手勢方向的解決思路 1 滑動螢幕事件使用html5 的touchstart滑動開始事件和touchend滑動結束事件。2 方向的判斷，以起點做平面座標系，與終點連線做直線，直線與x正半軸計算角度 我們以45度角為方向分割線，如 只要滑動角度大於等於45度且小於135度，則判斷它方向為向上...

js 判斷手勢 移動端JS判斷手勢方向

原生js判斷手勢方向的解決思路 1 滑動螢幕事件使用html5 的touchstart滑動開始事件和touchend滑動結束事件。2 方向的判斷，以起點做平面座標系，與終點連線做直線，直線與x正半軸計算角度 我們以45度角為方向分割線，如 只要滑動角度大於等於45度且小於135度，則判斷它方向為向上...

iOS 獲取判斷手機螢幕尺寸，並判斷手機系統版本

通常情況，我們會需要獲取手機系統和手機尺寸，而且為了方便我們還要設定成全域性的 巨集定義，在任何乙個類都可以使用 建完以後 uidevice currentdevice systemversion floatvalue 手機系統 define ios7 or later uidevice curre...