tamaño - ¿Detecta cuándo se redimensiona una ventana usando JavaScript?

detectar resolucion de pantalla javascript

Question

¿Hay alguna forma con jQuery o JavaScript para activar una función cuando el usuario termina de cambiar el tamaño de la ventana del navegador?

En otros términos:

1. ¿Puedo detectar el evento mouse arriba cuando el usuario cambia el tamaño de la ventana del navegador? De otra manera:
2. ¿Puedo detectar cuándo finaliza una operación de cambio de tamaño de ventana?

Actualmente solo puedo activar un evento cuando el usuario comienza a cambiar el tamaño de la ventana con jQuery

Answer 1

Puede usar .resize() para obtener cada vez que el ancho / alto realmente cambie, como este:

$(window).resize(function() {
  //resize just happened, pixels changed
});

Aquí puede ver una demostración en funcionamiento , toma los nuevos valores de alto / ancho y los actualiza en la página para que los vea. Recuerde que el evento realmente no comienza ni termina , simplemente "sucede" cuando ocurre un cambio de tamaño ... no hay nada que decir, otro no sucederá.

Editar: con los comentarios parece que quieres algo así como un evento "en el extremo", la solución que encontraste hace esto, con algunas excepciones (no se puede distinguir entre un mouse-up y una pausa en un navegador cruzado, lo mismo para un final frente a una pausa ). Sin embargo, puedes crear ese evento para hacerlo un poco más limpio, así:

$(window).resize(function() {
    if(this.resizeTO) clearTimeout(this.resizeTO);
    this.resizeTO = setTimeout(function() {
        $(this).trigger(''resizeEnd'');
    }, 500);
});

Podrías tener este es un archivo base en alguna parte, lo que quieras hacer ... entonces puedes vincularlo a ese nuevo evento resizeEnd que estás desencadenando, como este:

$(window).bind(''resizeEnd'', function() {
    //do something, window hasn''t changed size in 500ms
});

Puedes ver una demostración funcional de este enfoque aquí