resize

Test page.

Events overview page.

Mobile table.

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

Is the resize event available on the window?

On the document
No No No No Yes

Is the resize event available on the document?

On any element with resize
Untestable Untestable No No Untestable

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: