SemanticZoom.onzoomchanged event

Raised after the control zooms in or out.

Syntax

<div data-win-control="WinJS.UI.SemanticZoom" 
    data-win-options="{onzoomchanged : handler}">
</div>
function handler(eventInfo) { /* Your code */ }

// addEventListener syntax
semanticZoom.addEventListener("zoomchanged", handler);
semanticZoom.removeEventListener("zoomchanged", handler);

- or -

semanticZoom.onzoomchanged = handler;

Event information

Synchronous No
Bubbles Yes
Cancelable Yes

Event handler parameters

  • eventInfo
    Type: CustomEvent**

    An object that contains info about the event. The detail property of this object is true when the control is zoomed out. Otherwise, it's false.

Remarks

Setting event handlers declaratively (in HTML)

To set the event handler declaratively, it must be accessible to the global scope, and you must also call WinJS.Utilities.markSupportedForProcessing or WinJS.UI.eventHandler on the handler. You can make the handler accessible to the global scope by using WinJS.Namespace.define. For more information, see How to set event handlers declaratively.

Requirements

Minimum WinJS version

WinJS 1.0

Namespace

WinJS.UI

See also

SemanticZoom

detail

WinJS.Namespace.define

WinJS.UI.eventHandler

WinJS.Utilities.markSupportedForProcessing