web-dev-qa-db-ja.com

iPadの向きの変化を検出する

javascript または jquery で検出する方法

javascriptjqueryiphoneipadscreen-orientation
30
lolalola

試して

$(window).bind('orientationchange', function(event) {
  alert('new orientation:' + event.orientation);
});
41
Karl-Bjørnar Øie

次のコードを使用して、方向変更イベントを検出できます。

jQuery：

$(document).ready(function() {
    $(window).on('orientationchange', function(event) {
        console.log(orientation);
    });
});

デバイスがポートレートモードかどうかを確認

function isPortrait() {
    return window.innerHeight > window.innerWidth;
}
17
martynas

Javascriptの場合：

<button onclick="detectIPadOrientation();">What's my Orientation?</button>

<script type="text/javascript">
 window.onorientationchange = detectIPadOrientation;
 function detectIPadOrientation () {

    if ( orientation == 0 ) {
     alert ('Portrait Mode, Home Button bottom');
    }
    else if ( orientation == 90 ) {
     alert ('Landscape Mode, Home Button right');
    }
    else if ( orientation == -90 ) {
     alert ('Landscape Mode, Home Button left');
    }
    else if ( orientation == 180 ) {
     alert ('Portrait Mode, Home Button top');
    }
 }
</script>

または、追加のスタイルシートを含める場合：

<link rel="stylesheet" media="all and (orientation:portrait)" href="portrait.css">
<link rel="stylesheet" media="all and (orientation:landscape)" href="landscape.css">

両方から取られました： http://favo.asia/2010/07/detecting-ipad-orientation-using-javascript/ これは、「ipadの向きのjavascriptを検出する」ためのGoogleでの最初の結果でした...

13
Simon
 function detectIPadOrientation（orientation）{
 if（orientation == 0）{
 alert（ 'Portrait Mode、Home Button bottom'）; 
} 
 else if（orientation == 90）{
 alert（ 'Landscape Mode、Home Button right'）; 
} 
 else if（orientation == -90）{
 alert（ 'Landscape Mode、Home Button left'）; 
} 
 else if（orientation == 180）{
 alert（ 'Portrait Mode、Home Button top'）; 
} 
} 
 
 window.onorientationchange = detectIPadOrientation;
0
Fatih