Detectar cambio de orientación del iPad

¿Cómo detecta JavaScript o jQuery cuando el usuario cambia el iPad de la position vertical a la horizontal o de la horizontal a la vertical?

4 Solutions collect form web for “Detectar cambio de orientación del iPad”

Tratar

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

Puede detectar el evento de cambio de orientación usando el siguiente código:

jQuery:

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

Verifique si el dispositivo está en modo vertical

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

En 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> 

O para include hojas de estilo adicionales:

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

Ambos tomados de: http://favo.asia/2010/07/detecting-ipad-orientation-using-javascript/ que, FYI, fue el primer resultado en Google para 'detectar ipad orientation javascript' …

 function detectarIPadOrientation () {  
    if (orientación == 0) {  
     alerta ('Modo retrato, button de inicio abajo');  
    }  
    else if (orientación == 90) {  
     alerta ('Modo paisaje, button de inicio derecha');  
    }  
    else if (orientación == -90) {  
     alerta ('Modo paisaje, button de inicio izquierda');  
    }  
    else if (orientación == 180) {  
     alerta ('Modo de retrato, arriba del button de inicio');  
    }  
 }

 window.onorientationchange = detectarIPadOrientation;

  • Cómo networkingimensionar interactivamente una columna fija en el plugin FixedColumns de DataTables
  • Cómo agregar el mapeo computable observable al knockoutjs
  • Cómo mostrar el cuadro desplegable cuando se escribe algo en el campo de text
  • javascript cambiando el parámetro get sin networkingirigir
  • Jquery multiple div toggle
  • Obtiene el atributo del elemento HTML que es un valor json usando JS
  • reset Timer of setInterval ()
  • ¿Cómo puedo detectar DOM listo y agregar una class sin jQuery?
  • Javascript tiene muchos buenos JS marco (como Node.js AngularJS Vue.js React.js) es el mejor lenguaje de script.