evitar que usuario ponga dispositivo horizontal

primary · #1 (**permalink**) 03/09/2015, 16:07

Se podria evitar que el usuario no pueda poner el dispositivo en horizontal para que el documento no se deforme, esto se puedo con javascript?
saludos

Alexis88 · #2 (**permalink**) 03/09/2015, 16:29

Esto te puede servir. Te sugiero seguir los consejos que comentan en ese hilo; hoy por hoy, el diseño adaptable (responsive design) es lo más recomendable en la web.

Un saludo

primary · #3 (**permalink**) 03/09/2015, 16:36

Hola, si entiendo perfectamente que hay que hacer diseños adaptables, pero mi problema no es de diseño, es por otro tema, se podria con javascript?evitarlo el poner horizontal el movil?
saludos

Alexis88 · #4 (**permalink**) 03/09/2015, 18:08

Hay un evento de nombre orientationchange, el cual se produce cuando cambia la orientación de la pantalla, lo malo está en que solo funciona en Firefox, por eso te sugiero utilizar otras soluciones, como las que dan en el hilo que te pasé o en este otro.

Un saludo

primary · #5 (**permalink**) 04/09/2015, 02:31

Hola como debería hacerlo con el evento aunque solo funcione Firefox.
Saludos.

Alexis88 · #6 (**permalink**) 04/09/2015, 10:33

Básicamente tendrías que detectar que se produzca dicho evento en la pantalla y luego bloquearlo con el método .preventDefault(). No te aseguro que funcione pues esto aún está en etapa experimental.

Código Javascript:

Ver originalscreen.addEventListener("orientationchange", function(event){
    event.preventDefault();
}, false);

También existe un método llamado .lockOrientation() que bloquea la orientación que especifiques para la pantalla. Lo bueno es que es soportado en Chrome, IE y Firefox, pero aún está en etapa experimental. Lee la información del enlace que te estoy dejando para que aprendas a usarlo.

Un saludo