Flex中通过doubleClick事件来检测用户是否在TextInput控件中进行了双击(double clicks)操作的例子
By Minidxer | June 25, 2008
接下来的例子演示了Flex中如何通过doubleClick事件，进行检测用户是否在TextInput控件中进行了双击(double clicks)操作。下面的Demo中，双击一次TextInput会处于灰色状态，再一次双击则恢复。
让我们先来看一下Demo（可以右键View Source或点击这里察看源代码）：
下面是完整代码(或点击这里察看)：
Download: main.mxml
- <?xml version="1.0" encoding="utf-8"?>
- <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
- layout="vertical"
- verticalAlign="middle"
- backgroundColor="white">
- <mx:Script>
- <![CDATA[
- private function textInput_doubleClick(evt:MouseEvent):void {
- var ti:TextInput = evt.currentTarget as TextInput;
- ti.enabled = !ti.enabled;
- ti.editable = ti.enabled;
- }
- ]]>
- </mx:Script>
- <mx:TextInput id="textInput1"
- text="The quick brown fox jumped over the lazy dog"
- doubleClickEnabled="true"
- doubleClick="textInput_doubleClick(event);" />
- <mx:TextInput id="textInput2"
- text="The quick brown fox jumped over the lazy dog"
- doubleClickEnabled="true"
- doubleClick="textInput_doubleClick(event);" />
- </mx:Application>
代码：Peter deHaan 翻译/整理/编译：minidxer
Topics:
Flex |
No Comments » |
Tags: doubleClick, doubleClickEnabled, TextInput, 双击