Detectar cambio de orientación con JavaScript

Antonio Galisteo

JavaScript es un lenguaje de programación del lado del cliente con el que podemos hacer gran cantidad de cosas en el cliente y la amplia variedad de dispositivos con los que se conectan a nuestras web’s. Hoy veremos cómo detectar la orientación de un dispositivo mediante JavaScript.

detectar orientacion dispositivo javascript

Lo haremos de la siguiente forma:

<script>// Escuchar cambios de orientación
	window.addEventListener("orientationchange", function() {
	// Hacer algo cuando cambia la orientación
	alert(window.orientation);
	}, false);
</script>

Es tan sencillo como eso, agregar el evento orientationchange y cada vez que cambie la orientación del dispositivo se ejecutará el código que le indiquemos en la función que le pasamos a addEventListener.

Si no queremos detectar el evento de cambiar y solo deseamos la orientación inicial del dispositivo la podemos obtener directamente de window.orientation

NOTA: En el ejemplo donde lo hemos probado nosotros se usa también jQuery, si no te funciona asegurate de tener incluida la librería.

Publicado el 18-08-2014

Compartelo!

Deja un comentario

Comentanos

*
Ir arriba de la pagina