javascript - eventos - touch mobile jquery

¿Se activará $(window).resize() al cambiar la orientación?

Question

Estoy usando esto para ejecutar algo de código cuando se $(window).resize(callback) tamaño de una ventana del navegador: $(window).resize(callback)

También necesito ejecutar este código cuando se cambia la orientación en teléfonos y tabletas. ¿Será el fuego anterior en este evento?

Answer 1

Algunos dispositivos / navegadores lo hacen, otros no. Necesita decidir sus navegadores y dispositivos compatibles.

Si desea estar en el lado seguro, debe usar el evento de cambio de tamaño y obtener / verificar los tamaños dentro de él; Si sabes que tus dispositivos deseados van con un simple cambio de orientación:

Solución fácil:

// Listen for orientation changes      
window.addEventListener("orientationchange", function() {
    // Announce the new orientation number
    alert(window.orientation);
}, false);

Más seguro / soportado

// Listen for resize changes
window.addEventListener("resize", function() {
    // Get screen size (inner/outerWidth, inner/outerHeight)

}, false);

David Walsh escribió un buen artículo sobre cambio de tamaño y cambio de orientación. Más sobre cambio de orientación y tamaños aquí: http://davidwalsh.name/orientation-change