resize | onresize event
Fires when the size of the object is about to change.
|HTML Attribute||<element onresize = "handler(event)">|
|Event Property||object.onresize = handler;|
Event handler parameters
- pEvtObj [in]
Type: Varies (see Remarks)
There are no standards that apply here.
For webpages displayed in IE9 standards mode or later (including interoperable quirks mode), the resize event behaves according to the W3C DOM Level 3 events standards. In earlier versions of the browser (and corresponding documents modes), the resize event is a legacy, proprietary event associated with element document objects.
In practice, this means the following: As a result, the behavior of the resize event depends on two factors: the document mode of the webpage and
- When the event is fired from the window object, the event object is a standards-based Event object.
- When the event is fired from an element and the handler was assigned using the attachEvent method, the event object is a legacy event object.
The onresize event fires for block and inline objects with layout, even if document or CSS (cascading style sheets) property values are changed. Objects have layout when measurements such as the height and width attributes are set, or when the position of the object is set. Intrinsic objects, such as button, and windowed objects, such as window and iframe, fire as expected. This event does not fire for files with embedded controls.
Resizing HTML applications also fires the resize event.
To invoke this event, change the height or width of the object.
In Windows 8.1 versions, the resize event fires when the window size changes or when one of the following properties changes:
You can use the resize event to listen for changes to the size or position of the current window.
- input type=button
- input type=checkbox
- input type=email
- input type=file
- input type=hidden
- input type=image
- input type=number
- input type=password
- input type=radio
- input type=range
- input type=reset
- input type=search
- input type=submit
- input type=tel
- input type=text
- input type=url