R – Unselect Flex TextInput with enter key

actionscript-3flex3focus

In Flex, how can one set the TextInput to "unselected" (which mean not only focus is out but also, that if you text on your keyboard, the TextInput won't be changed) on the event of pressing the Enter key? I know how to change the component that has the focus using the FocusManager, but I don't want to change the component that has focus, I just want this one component not to be selected.

Best Answer

I'm more of an AS3 dev, so I'm not sure if this works 100% in Flex, but you could use preventDefault() on the key handler and set the stage's focus to null.

textinput.addEventListener(KeyboardEvent.KEY_DOWN, keyDownHandler);

protected function keyDownHandler(event:KeyboardEvent):void {
    if (event.keyCode == Keyboard.ENTER) {
        event.preventDefault();

        stage.focus = null;
    }
}

Related Solutions

R – Flex 3 event propagation on a composite custom component

Instead of re-dispatching the original event, create a new event and pass the original event as a origEvent property. The new event which the SpecifyRadioButton dispatches can either be a custom event class which extends Event, or you can be lazy and just use mx.events.DynamicEvent.

Example:

import mx.events.DynamicEvent;

private function onSelectionChange(event: Event): void {
    selected = event.target.selected;
    var newEvent:DynamicEvent = new DynamicEvent(Event.CHANGE);
    newEvent.origEvent = event;
    dispatchEvent(newEvent);
}

Then, in your handlers for the SpecifyRadioButton.change event, reference the event.origEvent property.

R – Handling TextInput width and styles in Flex

Instead of using click events, use "focus" and "blur" events. This way you'll pick up on the event as the user clicks (or tabs) to the field, and you'll also pick up on the event when they leave the field.

Best Answer

Related Solutions

R – Flex 3 event propagation on a composite custom component

R – Handling TextInput width and styles in Flex

Related Topic