How do I stop onResize function executing its contents while resizing

Question

I want the content of jQuery.fn.resize to only execute after i let go of the mouse button not while i am resizing the window.

I have tried putting onmousedown inside on resize but it didn't work.

$(window).resize(function(){           
    console.log("resizing")
});

If you want it log after resize then you should listen to onmouseup instead. — Subir Kumar Sao, Jun 07 '13 at 08:43
@SubirKumarSao not every resize event is followed by an `mouseup` event. — t.niese, Jun 07 '13 at 08:44
Most solutions talk about time delays. http://stackoverflow.com/questions/2854407/javascript-jquery-window-resize-how-to-fire-after-the-resize-is-completed — Subir Kumar Sao, Jun 07 '13 at 08:47
Look into the [jQuery throttle/debounce](http://benalman.com/projects/jquery-throttle-debounce-plugin/) plugin. Scroll handling is one of their examples. — DCoder, Jun 07 '13 at 08:47

Denys Séguret · Accepted Answer · 2013-06-07T08:48:45.617

1

You can't know what happens outside your document, and you're not notified when the resizing ends (a resizing can occur in many ways, not all of them mouse based).

But you could add a timer for the same effect :

(function(){
   var timer;
   $(window).resize(function(){
        if (timer) clearTimeout(timer);
        timer = setTimeout(function(){
           // do the things
        }, 200);
   });
})();

This would add a slight delay (200 ms should be ok) but this would avoid most intermediate recomputing.

Note that you don't receive events when your javascript function is running, so you usually don't have to do this unless you really want the user to not see anything during the resizing.

edited Jun 07 '13 at 08:48

answered Jun 07 '13 at 08:42

Denys Séguret

372,613
87
782
758

@yckart What he asked isn't possible. This is what should be the nearest for the user while being possible. – Denys Séguret Jun 07 '13 at 08:46
Yeah, that's true! But it was not clear before your editing. ;) – yckart Jun 07 '13 at 08:47

How do I stop onResize function executing its contents while resizing

1 Answers1