Partager via


Menu.onbeforeshow event

Occurs immediately before a hidden Menu is displayed.

Learn about events with Quickstart: adding HTML controls and handling events.

Syntax

<div data-win-control="WinJS.UI.Menu" 
    data-win-options="{beforeshow : handler}">
</div>
function handler(eventInfo) { /* Your code */ }
 
// addEventListener syntax
menu.addEventListener("beforeshow", handler);
menu.removeEventListener("beforeshow", handler);
 
- or -

menu.onbeforeshow = handler;

Event information

Synchronous No
Bubbles Yes
Cancelable Yes

 

Event handler parameters

  • eventInfo
    Type: Event**

    An object that contains information about the event.

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

Menu

MenuCommand

WinJS.UI Namespace

MenuCommand

Flyout

Displaying popups

Laying out your UI

HTML flyout control sample

Designers

Command patterns

Flyout

Guidelines for flyouts

Context menu

Guidelines for context menus