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 movement. I just need to know when they’ve stopped.

Answer 1

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

function onResize(){ ... }

var timer;

$(window).bind('resize', function(){
    if (timer) {
        clearTimeout(timer);
    }

    timer = setTimeout(onResize, 100);
});

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