Flex键盘事件的监听机制

本文和大家重点讨论一下Flex键盘事件的监听,首先,要理解一个概念,Flex键盘事件发生的对象,通过实践我知道其实是容器,菜谱上分为stage和HBox等普通容器。

Flex键盘事件的监听

Flex的事件监听机制很完善,下面主要简单的讲一下Flex键盘事件的监听。

首先,要理解一个概念,Flex键盘事件发生的对象,通过实践我知道其实是容器,菜谱上分为stage和HBox等普通容器;

其次,要明白Flex键盘事件也是事件,事件的监听无非是用事件处理器监听(常用的如click),这里用的是keyDown;或者用addEventLisner的方式;

在下面的例子里,我两种都用了,application用的是addEventLisner,自定义控件com里用的是keydown;在事件触发的时候,前种方式会在后者之前执行。

code view:

ComA代码:

 
 
 
  1. <?xml version=”1.0″ encoding=”utf-8″?> 
  2. <mx:HBox xmlns:mx=”http://www.adobe.com/2006/mxml“  keyDown=”keyHalder(event)” width=”400″ height=”300″> 
  3.  <mx:Script> 
  4.   <![CDATA[  
  5.      
  6.    public function keyHalder(event:KeyboardEvent):void  
  7.    {  
  8.     switch(event.keyCode)  
  9.     {  
  10.      case 13:  
  11.       trace("按的是回车!");  
  12.      break;  
  13.      case 32:  
  14.      trace("按的是空格!");  
  15.      break;  
  16.      default:  
  17.      trace("不是空格也不是回车!");  
  18.      break;  
  19.     }  
  20.    }  
  21.   ]]> 
  22.  </mx:Script> 
  23.  <mx:Button label=”Button”/> 
  24.    
  25. </mx:HBox> 

Application代码:

 
 
 
  1. <?xml version=”1.0″ encoding=”utf-8″?> 
  2. <mx:Application xmlns:mx=”http://www.adobe.com/2006/mxml“  creationComplete=”init()”  layout=”absolute” xmlns:ns1=”*”> 
  3. <mx:Script> 
  4.  <![CDATA[  
  5.  
  6.    public function init():void  
  7.    {  
  8.     this.addEventListener(KeyboardEvent.KEY_UP,keyHalder1);  
  9.    }  
  10.    public function keyHalder1(evt:KeyboardEvent):void  
  11.    {  
  12.     trace(evt.keyCode.toString());  
  13.       
  14.    }  
  15.  ]]> 
  16. </mx:Script> 
  17.  <mx:TextInput x=”10″ y=”171″ id=”tp1″/> 
  18.  <ns1:ComA x=”243″ y=”19″> 
  19.  </ns1:ComA> 
  20.    
  21. </mx:Application> 
  22.  

 【编辑推荐】

  1. Flex键盘事件注意事项
  2. Flex开发者必须知道的10件事
  3. 技术前沿 看Flex客户端缓存技术如何使用
  4. 12个Flex常用功能代码再现
  5. 学习笔记 Flex国际化如何支持其他语言

 

THE END