resized jQuery Event

Ben Tiedt — Fri, 08 Mar 2024 17:51:24 GMT

Current Revision posted to API Documentation by Ben Tiedt on 03/08/2024 17:51:24

jQuery.event.special.resized

Throttled resize event, raised after resizing has completed

Usage

$(window).on('resized', function(e, dimensions){
    // handle event...
    console.log('changed dimensions');
    console.log('old width: ' + dimensions.oldWidth);
    console.log('new width: ' + dimensions.newWidth);
});

Data on the event

oldWidth: pixel width prior to the resized event
oldHeight: pixel height prior to the resized event
oldScrollWidth: pixel scroll width prior to the resized event
oldScrollHeight: pixel scroll height prior to the resized event
newWidth: pixel width after the resized event
newHeight: pixel height after the resized event
newScrollWidth: pixel scroll width after the resized event
newScrollHeight: pixel scroll height after the resized event

Options

// throttle duration in ms
$.event.special.resized.defaults = 150