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;|
|attachEvent Method||object.attachEvent("onresize", handler)|
|addEventListener Method||object.addEventListener("resize", handler, useCapture)|
Event handler parameters
- pEvtObj [in]
Type: Varies (see Remarks)
There are no standards that apply here.
As of Windows Internet Explorer 9, the type of the event object passed to a function handling the resize event varies:
- When the event is fired from the window object, the event object is an Event object; that is, it is the standards-based event object.
- When the event is fired from an element and the handler was assigned using addEventListener, the event object is a Event object; that is, it is the standards-based event object.
- When the event is fired from an element and the handler was assigned using the onresize attribute, the event object is an event object, which is the legacy event supported by earlier versions of Windows Internet Explorer.
- When the event is fired from an element and the handler was assigned using the attachEvent method, the event object is an event object, which is the legacy event supported by earlier versions of Internet Explorer.
- For pages displayed in legacy document modes (IE8 Standards mode and earlier), the event object is an event object, which is the legacy event supported by earlier versions of Internet Explorer.
For best results, we recommend using addEventListener to register your event handlers.
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.
No default action.
To invoke this event, do one of the following:
- Change the height or width of the object.
The pEvtObj parameter is required for the following interfaces:
- input type=button
- input type=checkbox
- input type=file
- input type=hidden
- input type=image
- input type=password
- input type=radio
- input type=reset
- input type=submit
- input type=text
Build date: 1/23/2013