Evento de cambio de tamaño terminado - Trucos CSS

Anonim

Si está acostumbrado a algo como jQuery UI redimensionable, obtendrá eventos a los que puede enlazar durante el cambio de tamaño, pero también al final del cambio de tamaño.

No existe tal evento en JavaScript nativo.

Puede falsificarlo estableciendo un tiempo de espera para ejecutar el código que desea ejecutar cuando se detiene el cambio de tamaño. Luego, borre ese tiempo de espera cada vez que se active un evento de cambio de tamaño. De esa forma, el tiempo de espera solo terminará si ese tiempo de espera realmente termina.

var resizeTimer; $(window).on('resize', function(e) ( clearTimeout(resizeTimer); resizeTimer = setTimeout(function() ( // Run code here, resizing has "stopped" ), 250); ));

Similar al antirrebote.