JavaScript window resize event

javascript window-resize
Dead account picture Dead account · Mar 13, 2009 · Viewed 1M times · Source

How can I hook into a browser window resize event?

There's a jQuery way of listening for resize events but I would prefer not to bring it into my project for just this one requirement.

Answer

olliej picture olliej · Mar 13, 2009

jQuery is just wrapping the standard resize DOM event, eg.

window.onresize = function(event) {
    ...
};

jQuery may do some work to ensure that the resize event gets fired consistently in all browsers, but I'm not sure if any of the browsers differ, but I'd encourage you to test in Firefox, Safari, and IE.

Related questions

Javascript set browser window size

What is the best way to set the size of the browser window when the page loads? I think this can be done in JavaScript. Please explain. Here is my code that is not working! <html> <body …

Read More
jQuery resize event not firing

For whatever reason the following: $(function() { $(window).resize(function() { alert("resized!"); }); }); only fires an event when the page is loaded. Resizing the browser window does nothing in both Safari and Firefox. I have not tried it on any other browsers. …

Read More
Disable Browser Window Resize

For starters... I have no sinister intention of subjecting users to popups or anything like that. I simply want to prevent a user from resizing the browser window of a webpage to which they've already navigated (meaning I don't have …

Read More