jQuery Capture Window Resize on End Event
Share
Two methods to capture a resize event on a window, but how to capture the event once the user has finished resizing the window? A little trick is to use a setTimeout() with clearTimeout() and optimal duration is 250 even captures slowish window resizes smoothly. See Window resize examples for how you might use them.
Method 1
$(window).bind('resize', function(e)
{
//do something
});
Method 2
$(window).resize( function(e)
{
//do something
});
Method 2 with timeout
$(window).bind('resize', function(e)
{
window.resizeEvt;
$(window).resize(function()
{
clearTimeout(window.resizeEvt);
window.resizeEvt = setTimeout(function()
{
//code to do after window is resized
}, 250);
});
});