User interaction with the NumericStepper

You can use the NumericStepper component anywhere you want a user to select a numeric value. For example, you could use a NumericStepper component in a form to set the month, day, and year of a credit card expiration date. You could also use a NumericStepper component to allow a user to increase or decrease a font size.

The NumericStepper component handles only numeric data. Also, you must resize the stepper while authoring to display more than two numeric places (for example, the numbers 5246 or 1.34).

You can enable or disable a NumericStepper in an application. In the disabled state, a NumericStepper doesn't receive mouse or keyboard input. When it's enabled, the NumericStepper receives focus if you click it or tab to it, and its internal focus is set to the text box. When a NumericStepper instance has focus, you can use the following keys to control it:

Key

Description

Down Arrow

Value changes by one unit.

Left Arrow

Moves the insertion point to the left within the text box.

Right Arrow

Moves the insertion point to the right within the text box.

Shift+Tab

Moves focus to the previous object.

Tab

Moves focus to the next object.

Up Arrow

Value changes by one unit.

For more information about controlling focus, see the FocusManager class in the ActionScript 3.0 Language and Components Reference and Working with FocusManager.