Flex 3: désactivation du retour arrière et suppression dans une TextArea

Question

J'essaie d'empêcher une clé de modifier le texte d'une TextArea Flex. Je ne veux pas définir la propriété editable sur false, car je souhaite que le signe insertion soit visible pour un indicateur de position actuelle, afin que l'utilisateur sache d'où partira la recherche qu'il lance.

J'ai ajouté des gestionnaires d'événements pour change et textInput, ainsi que keyUp et keyDown qui font un 'event.preventDefault' ainsi qu'un 'event.stopImmediatePropagation'. Cela fonctionne très bien pour la plupart des clés, à l'exception du retour arrière et de la suppression.

Y a-t-il un moyen de les empêcher de faire quoi que ce soit? Pourquoi ne pas simplement réinsérer le texte lors d'un changement?

Answer 1

Hmmm, semble comme ça ne fonctionne vraiment pas dans le navigateur, que diriez-vous d'une solution de contournement, pas sûr si vous le souhaitez, mais semble réaliser ce que vous avez besoin en dehors de coller:

<?xml version="1.0" encoding="utf-8"?> 
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"> 
    <mx:Script> 
     <![CDATA[ 
      import mx.controls.Alert; 

      private var _lastSelStart:Number = 0; 
      private var _lastSelEnd:Number = 0; 
      private var _lastText:String = null; 
      private var _prevent:Boolean = false; 

     private function onKeyDown(event:KeyboardEvent):void { 
      if (event.keyCode == 8 || event.keyCode == 46) { 
       if (!_prevent) { 
        _prevent = true; 
        _lastText = txt.text; 
        _lastSelStart = txt.selectionBeginIndex; 
        _lastSelEnd = txt.selectionEndIndex; 
       } 
      } 
     } 

     private function onKeyUp(event:KeyboardEvent):void { 
      if (_prevent) { 
       _prevent = false; 
       txt.text = _lastText; 
       _lastText = null; 
       callLater(txt.setSelection, [_lastSelStart, _lastSelEnd]); 
      } 
     } 

     ]]> 
    </mx:Script> 
    <mx:TextArea keyDown="onKeyDown(event);" keyUp="onKeyUp(event);" width="100%" height="100%" 
     id="txt" /> 
</mx:Application> 

Answer 2

Answer 3

Cela peut aider:

<?xml version="1.0" encoding="utf-8"?> 
<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"> 
    <mx:Script> 
     <![CDATA[ 
      private function onKeyDown(event:KeyboardEvent):void { 
       if (event.keyCode == 8 || event.keyCode == 46) { 
        event.preventDefault(); 
       } 
      } 
    ]]> 
    </mx:Script> 
    <mx:TextArea keyDown="onKeyDown(event);" width="100%" height="100%" /> 
</mx:WindowedApplication> 

Answer 4

Je pense que je l'ai trouvé un moyen: en flash du preventDefault ne fonctionnent pas pour l'événement clé, mais ils fonctionnent bien pour événement qui change. Vous pouvez faire quelque chose de similaire à ce https://stackoverflow.com/a/8078910/1927950 pour éviter toute modification, mais gardez le curseur.