Event for resize stopped

Question

Is there an event that tells me when the user has stopped resizing by letting go of the mouse button? I\'m looking at $(window).resize, and it\'s firing for every pixel mov

Answer 1

You can try this :

function rsizeItems() 
{ }

var tOut = false;
var milSec = 500;
$(window).resize(function(){
 if(tOut !== false)
    clearTimeout(tOut);
 tOut = setTimeout(rsizeItems, milSec);
});

Answer 2

no, but you can defer the event handler if you want:

function onResize(){ ... }

var timer;
$(window).bind('resize', function(){
   timer && clearTimeout(timer);
   timer = setTimeout(onResize, 100);
});

this will make it fire after the user has stopped resizing for 100ms.