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

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.