Export (0) Print
Expand All
This topic has not yet been rated - Rate this topic

onresize event

Fires when the size of the object is about to change.

Syntax

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 information

SynchronousNo
BubblesNo
CancelableNo

Event handler parameters

pEvtObj [in]

Type: Varies (see Remarks)

Standards information

There are no standards that apply here.

Remarks

As of Windows Internet Explorer 9, the type of the event object passed to a function handling the HTMLMarqueeElementEvents::onresize 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 IEventTarget::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 HTMLMarqueeElementEvents::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 IHTMLElement2::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.
  • When the event is fired in the context of a Windows Store app using JavaScript, the event object is an Event object; that is, it is the standards-based event object.

For best results, we recommend using IEventTarget::addEventListener to register your event handlers.

The HTMLMarqueeElementEvents::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 IHTMLRuleStyle::height and IHTMLCurrentStyle::width attributes are set, or when the IHTMLRuleStyle2::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 HTMLMarqueeElementEvents::onresize event.

No default action.

To invoke this event, change the height or width of the object.

The pEvtObj parameter is required for the following interfaces:

window.onresize events in Windows Store apps using JavaScript

In Windows Store apps using JavaScript, the window.onresize event fires when the screen keyboard is shown and when the app's viewport is resized. You can use the window.innerHeight, window.innerWidth, window.pageXOffset, and window.pageYOffset style properties to determine the size and location of the new viewport.

 

 

Did you find this helpful?
(1500 characters remaining)
Thank you for your feedback

Community Additions

ADD
Show:
© 2014 Microsoft. All rights reserved.