`

监听键盘事件

    博客分类：
  • Flex
AIRFlexAdobe浏览器HTML 
阅读更多


当AIR 启动后，监听全局键盘事件，即this.addEventListener( KeyboardEvent.KEY_DOWN, keydownHandler );

运行后效果：
当AIR 运行后，虽然正确监听了KeyboardEvent .KEY_DOWN event，但是必须要鼠标点击一下AIR 才可以获取keydownHandler。

原因：
1、keydownHandler的获取需要监听的对象获得焦点，当mouse click AIR 后，则相当于获取焦点。
2、只有当监听的对象获取焦点后，才能出接收到KeyboardEvent .KEY_DOWN event。

因此问题根结：
如何让监听对象自动获取焦点。

解决方案：（步骤）
1、
this.dispatchEvent ( new MouseEvent( MouseEvent.CLICK ));
通过以上的方式即可让程序“自动点击”dispatchEvent 的对象。

2、
获取焦点方式：
this.stage.focus  = this;

片段代码如下：
<s:WindowedApplication 
      xmlns:fx="http://ns.adobe.com/mxml/2009" 
      xmlns:s="library://ns.adobe.com/flex/spark" 
      xmlns:mx="library://ns.adobe.com/flex/halo"
      creationComplete="createCompleteHandler (event)">

private function createCompleteHandler( event : FlexEvent ) : void {
      //监听ouseEvent.CLICK event
      this.addEventListener( MouseEvent.CLICK, clickHandler );
      //监听KeyboardEvent.KEY_DOWN
      this.addEventListener( KeyboardEvent.KEY_DOWN, keyDownHandler );
}

private function clickHandler( event : MouseEvent ) : void {
      this.stage.focus  = this;
}

private function keyDownHandler( event : KeyboardEvent ) : void {
      //TO DO
}

自动触发mouse click的代码：（以下代码在this.addEventListener( KeyboardEvent .KEY_DOWN, keyDownHandler );的下面）
var timer : Timer = new Timer( 100, 1 );
timer.addEventListener( TimerEvent.TIMER_COMPLETE, function ( event : TimerEvent ) : void {
      event.target.stop();
      dispatchEvent ( new MouseEvent( MouseEvent.CLICK ));
});
timer.start();
之所以用timer来处理是因为当create complete后，直接使用dispatchEvent 会发现stage尚未赋值，因此需要延时一段时间处理。
注意：以上代码适用于AIR ，在Flex 里面按照如下写法仍旧无法获取KeyboardEvent .KEY_DOWN event。

Flex 里面是如何自动获取焦点、监听全局键盘事件的呢？

原因：
Flex 由于有浏览器的包裹，因此当打开浏览器后，由于SWF 尚未获取焦点，因此就算自动获取了焦点（dispatchEvent ( new MouseEvent( MouseEvent.CLICK ));）也是没有意义的。

解决方法：
在嵌入SWF 的html里面加入如下的功能：
<body onload="document.getElementById('swf id').focus()">
 这句话的含义： 当onload完毕后，自动设定SWF 为焦点状态。

 最后再按照AIR 的写即可完成自动获取焦点、监听全局键盘事件。

0
顶
0
踩
分享到：
| 直接获取某个组件的对象
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics