ホームページ > ウェブフロントエンド > jsチュートリアル > iPad、iPhone、Android が水平か垂直かを判断するための jQuery に基づくコード_jquery

iPad、iPhone、Android が水平か垂直かを判断するための jQuery に基づくコード_jquery

WBOY
リリース: 2016-05-16 16:48:45
オリジナル
1964 人が閲覧しました

実際には、主に window.orientation を通じて実装されます。以下のコードを見てみましょう。

コードをコピー コードは次のとおりです。

function orient() {
if (window.orientation == 90 || window.orientation == -90) {
//ipad, iPhone 縦画面
$("body").attr("class", "landscape; ");
orientation = 'landscape';
return false;
}
else if (window.orientation == 0 || window.orientation == 180) {
//ipad , iPhone 水平画面; Andriod 垂直画面
$("body").attr("class", "portrait");
orientation = 'portrait';
return false;
}
}
//ページがロードされたときに
$(function(){
orient();
}) を呼び出します。
//
$(window).bind を呼び出します。ユーザーが画面の向きを変更したとき ('orientationchange', function(e){
orient();
});

画面の向きに対応する window.orientation 値:

iPad: 横画面の場合は 90 または -90
iPad: 縦画面の場合は 0 または 180
Android: 横画面の場合は 0 または 180
Android: 縦画面の場合は 90 または -90

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート