Flex中通过doubleClick事件来检测用户是否在TextInput控件中进行了双击(double clicks)操作的例子

接下来的例子演示了Flex中如何通过doubleClick事件，进行检测用户是否在TextInput控件中进行了双击(double clicks)操作。下面的Demo中，双击一次TextInput会处于灰色状态，再一次双击则恢复。

让我们先来看一下Demo（可以右键View Source或 点击这里察看源代码 ）：

 

下面是完整代码(或 点击这里察看)：

Download: main.mxml

1. <?xml version="1.0" encoding="utf-8"?>
2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
3.         layout="vertical"
4.         verticalAlign="middle"
5.         backgroundColor="white">
7.     <mx:Script>
8.         <![CDATA[
9.             private function textInput_doubleClick(evt:MouseEvent):void {
10.                 var ti:TextInput = evt.currentTarget as TextInput;
11.                 ti.enabled = !ti.enabled;
12.                 ti.editable = ti.enabled;
13.             }
14.         ]]>
15.     </mx:Script>
17.     <mx:TextInput id="textInput1"
18.             text="The quick brown fox jumped over the lazy dog"
19.             doubleClickEnabled="true"
20.             doubleClick="textInput_doubleClick(event);" />
22.     <mx:TextInput id="textInput2"
23.             text="The quick brown fox jumped over the lazy dog"
24.             doubleClickEnabled="true"
25.             doubleClick="textInput_doubleClick(event);" />
27. </mx:Application>