Question

I am very new to flex and have trouble capturing the text change event of my text control:

<mx:Text id="description" 
             text="" 
             textAlign="center" 
             fontSize="18" 
             click="_playSpeech()"   />

it’s a click right now but i need it to be something like textChange=”_playSpeech()” so it calls that function every time the text of the of that control changes.

Any help is highly appreciated.

Answer 1

If you are watching changes that the user enters in the textbox itself you should use the class TextArea or TextInput instead of Text. This allows you to listen to changes like this:

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
               xmlns:s="library://ns.adobe.com/flex/spark" 
               xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
    <fx:Script>
        <![CDATA[


            protected function onTextChangeHandler(event:Event):void
            {
                trace("text has changed")
            }

        ]]>
    </fx:Script>
    <fx:Declarations>
        <!-- Place non-visual elements (e.g., services, value objects) here -->
    </fx:Declarations>


    <mx:TextArea id="description" 
             text="text to change goes here ..." 
             textAlign="center" 
             fontSize="18" 
             change="onTextChangeHandler(event)"   />

</s:Application>

If you are changing the text outside the textbox I would recommend you to make a bindable variable or a function that triggers the action you want to happen.