Quelle est la meilleure façon de provoquer un Flex 3 bouton pour répondre à la touche entrée?

En Flex 3 boutons d'appel leur gestionnaire de clic lorsque l'utilisateur clique sur la souris, ou quand ils ont le focus et que l'utilisateur appuie sur la barre d'espace.

Est-il un moyen simple pour cause de Flex 3 boutons, avec l'accent d'appeler leur gestionnaire de clic lorsque l'utilisateur appuie sur la touche entrée?

OriginalL'auteur Jim In Texas | 2009-01-20

  1. 8

    Bien sûr, vous pourriez faire quelque chose comme ceci:

    <mx:Script>
    <![CDATA[
        import mx.controls.Alert;

        private function btn_click(event:MouseEvent):void
        {
            Alert.show("Clicked!"); 
        }

        private function btn_keyDown(event:KeyboardEvent):void
        {
            if (event.keyCode == Keyboard.ENTER)
                btn.dispatchEvent(new MouseEvent(MouseEvent.CLICK));
        }
    ]]>
</mx:Script>

<mx:Button id="btn" label="Click Me" click="btn_click(event)" keyDown="btn_keyDown(event)" />

    ... bien que je ne suis pas un grand fan de la distribution des événements sur des objets en dehors de ces objets. Un nettoyant approche pourrait être sous-classe Bouton, ajouter les auditeurs et les gestionnaires à l'intérieur de votre sous-classe, puis l'envoi de l'événement click de l'intérieur de cette classe. Mais cela devrait aider à illustrer ce point. Bonne chance!

    OriginalL'auteur Christian Nunciato

  2. 3

    Pour quelque chose comme un formulaire de connexion, vous avez besoin d'utiliser effectivement un mx - forme, voici l'extrait de code qui illustre cela:

    <mx:Form defaultButton="{loadButton}">
<mx:TextInput id="feedURL" />
<mx:Button id="loadButton" label="Load" click="someHandler(event)" />
</mx:Form>

    De saisir l'adresse url et appuyez sur entrée, bam, le comportement attendu.

    Googlé de ici.

    que faire si le formulaire a plus d'un bouton? Qui obtient lié à Saisir?
    Voir la defaultButton attribut de l'élément de formulaire. Néanmoins, ce n'est certainement pas la solution de la question de l'affiche a été à la recherche pour.

    OriginalL'auteur Jason Maskell

  3. 3

    Si vous soumettez une forme comme une boîte de dialogue de Connexion ou autre, les "entrer" de la propriété sur la zone de texte est une excellente solution:

    <mx:TextInput displayAsPassword="true" id="wPassword" enter="handleLoginSubmit()"/>

    OriginalL'auteur user135036

  4. 1

    Encore mieux

        private function setValidationFocus(formObject:Object):void
    {
        formObject.setFocus();
        formObject.dispatchEvent(new MouseEvent(MouseEvent.MOUSE_OUT));  //sneaky sneaky
        formObject.dispatchEvent(new MouseEvent(MouseEvent.MOUSE_OVER));
    }

    OriginalL'auteur

  5. 1

    Vous pouvez également ajouter le KEY_DOWN auditeur Chrétienne est la réponse du bouton lui-même. Juste assurez-vous vous appelez stopImmediatePropagation. Dans cet exemple, j'ai laisser toute la cause essentielle de l'action du bouton. Et je suis en utilisant le gestionnaire de même j'ai donc permettre à tout "Événement". Vous pouvez utiliser différents "cancelClick" gestionnaires.

    protected function cancelClick(e:Event = null):void{
    this.dispatchEvent(new Event(Event.CANCEL)); //do component action
    e.stopImmediatePropagation();
}

override protected function partAdded(partName:String, instance:Object):void {
    super.partAdded(partName,instance);
    switch(instance){
        case cancel:
            cancel.addEventListener(MouseEvent.CLICK,cancelClick);
            cancel.addEventListener(KeyboardEvent.KEY_DOWN,cancelClick);
    }
}

    OriginalL'auteur Shanimal

  6. 0

    Essayer de la "buttonDown"; il peut être distribué dans les deux cas. Sinon, vous êtes probablement à la recherche à l'aide de "keyDown" et de la vérification de la touche qui a été enfoncée.

    OriginalL'auteur cliff.meyers

  7. 0

    J'ai été lookind à le même problème, mais la réponse de Christian Nunciato semble pour moi être le meilleur.
    Une chose de plus à ajouter à sa solution, je pense que le bouillonnement, le drapeau btn.dispatchEvent(new MouseEvent(MouseEvent.CLICK)), doit être défini à false (btn.dispatchEvent(new MouseEvent(MouseEvent.CLICK, false))) parce que
    l'événement doit être isolé sur le bouton.

    OriginalL'auteur George