Определить изменение ориентации iPad

Question

Как обнаружить с помощью javascript или jquery , когда пользователь поворачивает iPad из вертикального положения в горизонтальное положение или из горизонтального в вертикальное положение?

Answer 1

Попробуйте

$(window).bind('orientationchange', function(event) {
  alert('new orientation:' + event.orientation);
});

Answer 2

Вы можете обнаружить событие изменения ориентации, используя следующий код:

JQuery:

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

---

Проверьте, находится ли устройство в портретном режиме

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

Answer 3

В 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/, который, к вашему сведению, был первым результатом в Googleдля «определения ориентации javascript ipad» ...

Answer 4

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;