Events - resize

resize

The resize event fires when the user resizes the browser window or a resizable element.

Test	IE 5.5	IE 6	IE 7	IE8	IE9	IE10 pr2	FF 7.0 Win	FF 6.1 Mac	Saf 5.1 Win	Saf 5.1 Mac	Chrome 14 Win	Chrome 13 Mac	Opera 11.51 Win	Opera 11.51 Mac
On the window	Yes						Yes		Yes		Yes		Yes
On the window	Is the resize event available on the window?
On the document	No						No		No		No		Yes
On the document	Is the resize event available on the document?
On any element with `resize`	Untestable					Untestable			No		No		Untestable
On any element with `resize`	Is the resize event available on an element with the CSS `resize` declaration?
Test	IE 5.5	IE 6	IE 7	IE8	IE9	IE10 pr2	FF 7.0 Win	FF 6.1 Mac	Saf 5.1 Win	Saf 5.1 Mac	Chrome 14 Win	Chrome 13 Mac	Opera 11.51 Win	Opera 11.51 Mac

Amount of events

But how many events fire, and when? On Windows 7 and Mac 10.6 all browsers fire many events during the resize action, except Opera Mac, which also fires many events, but only when the resize action has ended.

Windows XP

In Windows XP Home, “Show window contents while dragging” can be found in My Computer -> (right click) -> Properties -> Advanced -> Settings -> Visual effects.

On Windows XP, if you switch “Show window contents while dragging” off, all browsers fire one resize event at the end of the resize (except for IE 5.5 and 6, which fire two).

If you switch it on the browsers do the following:

In IE, Safari, and Chrome many resize events fire as long as the user continues resizing the window.
Opera uses as many resize events, but fires them all at the end of the resizing.
Firefox fires one resize event at the end of the resizing.