web-dev-qa-db-fra.com

Détecter le changement d'orientation de l'iPad

Comment détecter avec javascript ou jquery lorsque l'utilisateur tourne l'iPad de la position verticale à l'horizontale ou de l'horizontale à la verticale?

javascriptjqueryiphoneipadscreen-orientation
31
lolalola

Essayer

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

Vous pouvez détecter l'événement de changement d'orientation à l'aide du code suivant:

jQuery:

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

Vérifiez si l'appareil est en mode portrait

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

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>

Ou pour inclure des feuilles de style supplémentaires:

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

Tous deux tirés de: http://favo.asia/2010/07/detecting-ipad-orientation-using-javascript/ qui, pour info, a été le premier résultat sur Google pour "détecter l'ipad orientation javascript" ...

13
Simon
 fonction detectIPadOrientation (orientation) {
 if (orientation == 0) {
 alert ('Mode Portrait, bouton Accueil en bas'); 
} 
 sinon si (orientation == 90) {
 alerte ('Mode paysage, bouton d'accueil à droite'); 
} 
 sinon si (orientation == -90) {
 alerte ('Mode paysage, bouton d'accueil gauche'); 
} 
 sinon si (orientation == 180) {
 alerte ('Mode Portrait, bouton Accueil'); 
} 
} 
 
 window.onorientationchange = detectIPadOrientation;
0
Fatih Acet