¿Cómo detecto cuando el iPhone entra en modo horizontal mediante JavaScript?¿Hay algún evento para esto?

StackOverflow https://stackoverflow.com/questions/850472

Pregunta

Estoy escribiendo un sitio web dirigido al iPhone.Me gustaría establecer una clase en el <body> elemento cuando cambia la orientación del iPhone (es decir,cuando el usuario coloca el teléfono en modo horizontal y/o vertical).

¿Puedo detectar este cambio a través de JavaScript?¿Hay algún evento para esto?

¿Fue útil?

Solución

Sí, a través del onorientationchange evento y el window.orientation propiedad.

Otros consejos

Usted puede comprobar el ancho del cuerpo del documento. Si de repente se vuelve más pequeño o más grande, ya sabes lo que pasó. Es posible medirlo con un intervalo. 

window.setInterval(function() {
    // check body with here and compare with global variable that holds the last measurement
    // you may set a boolean isLandscape = true if the body with became bigger.
}, 50);
Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top