The topic you requested is included in another documentation set. For convenience, it's displayed below. Choose Switch to see the topic in its original location.
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
Show: