Flex 自動(dòng)獲取焦點(diǎn) 監(jiān)聽(tīng)全局鍵盤事件
2024-09-12 17:51:23
供稿：網(wǎng)友
這是《Flex第一步》QQ群里面一個(gè)朋友問(wèn)我的問(wèn)題，特此拿出分享一下?；蛟S問(wèn)題比較簡(jiǎn)單，還是將其記錄一下比較好。
需求如下：
當(dāng)AIR啟動(dòng)后，監(jiān)聽(tīng)全局鍵盤事件，即this.addEventListener( KeyboardEvent.KEY_DOWN, keydownHandler );
運(yùn)行后效果：
當(dāng)AIR運(yùn)行后，雖然正確監(jiān)聽(tīng)了KeyboardEvent.KEY_DOWN event，但是必須要鼠標(biāo)點(diǎn)擊一下AIR才可以獲取keydownHandler。
原因：
1、keydownHandler的獲取需要監(jiān)聽(tīng)的對(duì)象獲得焦點(diǎn)，當(dāng)mouse click AIR后，則相當(dāng)于獲取焦點(diǎn)。
2、只有當(dāng)監(jiān)聽(tīng)的對(duì)象獲取焦點(diǎn)后，才能出接收到KeyboardEvent.KEY_DOWN event。
因此問(wèn)題根結(jié)：
如何讓監(jiān)聽(tīng)對(duì)象自動(dòng)獲取焦點(diǎn)。
解決方案：（步驟）
1、
this.dispatchEvent( new MouseEvent( MouseEvent.CLICK ));
通過(guò)以上的方式即可讓程序“自動(dòng)點(diǎn)擊”dispatchEvent的對(duì)象。
2、
獲取焦點(diǎn)方式：
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 {
//監(jiān)聽(tīng)ouseEvent.CLICK event
this.addEventListener( MouseEvent.CLICK, clickHandler );
//監(jiān)聽(tīng)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
}
自動(dòng)觸發(fā)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來(lái)處理是因?yàn)楫?dāng)create complete后，直接使用dispatchEvent會(huì)發(fā)現(xiàn)stage尚未賦值，因此需要延時(shí)一段時(shí)間處理。
注意：以上代碼適用于AIR，在Flex里面按照如下寫法仍舊無(wú)法獲取KeyboardEvent.KEY_DOWN event。
Flex里面是如何自動(dòng)獲取焦點(diǎn)、監(jiān)聽(tīng)全局鍵盤事件的呢？
原因：
Flex由于有瀏覽器的包裹，因此當(dāng)打開(kāi)瀏覽器后，由于SWF尚未獲取焦點(diǎn)，因此就算自動(dòng)獲取了焦點(diǎn)（dispatchEvent( new MouseEvent( MouseEvent.CLICK ));）也是沒(méi)有意義的。
解決方法：
在嵌入SWF的html里面加入如下的功能：
<body onload="document.getElementById('swf id').focus()">
這句話的含義：當(dāng)onload完畢后，自動(dòng)設(shè)定SWF為焦點(diǎn)狀態(tài)。
最后再按照AIR的寫即可完成自動(dòng)獲取焦點(diǎn)、監(jiān)聽(tīng)全局鍵盤事件。
由于代碼比較少，因此就不放上demo了，以上的片段代碼足以說(shuō)明問(wèn)題：）
