Flex 自動獲取焦點(diǎn) 監(jiān)聽全局鍵盤事件
更新時(shí)間:2009年07月13日 00:03:02 作者:
Flex 編程注意之自動獲取焦點(diǎn)、監(jiān)聽全局鍵盤事件
這是《Flex第一步》QQ群里面一個(gè)朋友問我的問題,特此拿出分享一下?;蛟S問題比較簡單,還是將其記錄一下比較好。
需求如下:
當(dāng)AIR啟動后,監(jiān)聽全局鍵盤事件,即this.addEventListener( KeyboardEvent.KEY_DOWN, keydownHandler );
運(yùn)行后效果:
當(dāng)AIR運(yùn)行后,雖然正確監(jiān)聽了KeyboardEvent.KEY_DOWN event,但是必須要鼠標(biāo)點(diǎn)擊一下AIR才可以獲取keydownHandler。
原因:
1、keydownHandler的獲取需要監(jiān)聽的對象獲得焦點(diǎn),當(dāng)mouse click AIR后,則相當(dāng)于獲取焦點(diǎn)。
2、只有當(dāng)監(jiān)聽的對象獲取焦點(diǎn)后,才能出接收到KeyboardEvent.KEY_DOWN event。
因此問題根結(jié):
如何讓監(jiān)聽對象自動獲取焦點(diǎn)。
解決方案:(步驟)
1、
this.dispatchEvent( new MouseEvent( MouseEvent.CLICK ));
通過以上的方式即可讓程序“自動點(diǎn)擊”dispatchEvent的對象。
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)聽ouseEvent.CLICK event
this.addEventListener( MouseEvent.CLICK, clickHandler );
//監(jiān)聽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
}
自動觸發(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來處理是因?yàn)楫?dāng)create complete后,直接使用dispatchEvent會發(fā)現(xiàn)stage尚未賦值,因此需要延時(shí)一段時(shí)間處理。
注意:以上代碼適用于AIR,在Flex里面按照如下寫法仍舊無法獲取KeyboardEvent.KEY_DOWN event。
Flex里面是如何自動獲取焦點(diǎn)、監(jiān)聽全局鍵盤事件的呢?
原因:
Flex由于有瀏覽器的包裹,因此當(dāng)打開瀏覽器后,由于SWF尚未獲取焦點(diǎn),因此就算自動獲取了焦點(diǎn)(dispatchEvent( new MouseEvent( MouseEvent.CLICK ));)也是沒有意義的。
解決方法:
在嵌入SWF的html里面加入如下的功能:
<body onload="document.getElementById('swf id').focus()">
這句話的含義:當(dāng)onload完畢后,自動設(shè)定SWF為焦點(diǎn)狀態(tài)。
最后再按照AIR的寫即可完成自動獲取焦點(diǎn)、監(jiān)聽全局鍵盤事件。
由于代碼比較少,因此就不放上demo了,以上的片段代碼足以說明問題:)
需求如下:
當(dāng)AIR啟動后,監(jiān)聽全局鍵盤事件,即this.addEventListener( KeyboardEvent.KEY_DOWN, keydownHandler );
運(yùn)行后效果:
當(dāng)AIR運(yùn)行后,雖然正確監(jiān)聽了KeyboardEvent.KEY_DOWN event,但是必須要鼠標(biāo)點(diǎn)擊一下AIR才可以獲取keydownHandler。
原因:
1、keydownHandler的獲取需要監(jiān)聽的對象獲得焦點(diǎn),當(dāng)mouse click AIR后,則相當(dāng)于獲取焦點(diǎn)。
2、只有當(dāng)監(jiān)聽的對象獲取焦點(diǎn)后,才能出接收到KeyboardEvent.KEY_DOWN event。
因此問題根結(jié):
如何讓監(jiān)聽對象自動獲取焦點(diǎn)。
解決方案:(步驟)
1、
this.dispatchEvent( new MouseEvent( MouseEvent.CLICK ));
通過以上的方式即可讓程序“自動點(diǎn)擊”dispatchEvent的對象。
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)聽ouseEvent.CLICK event
this.addEventListener( MouseEvent.CLICK, clickHandler );
//監(jiān)聽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
}
自動觸發(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來處理是因?yàn)楫?dāng)create complete后,直接使用dispatchEvent會發(fā)現(xiàn)stage尚未賦值,因此需要延時(shí)一段時(shí)間處理。
注意:以上代碼適用于AIR,在Flex里面按照如下寫法仍舊無法獲取KeyboardEvent.KEY_DOWN event。
Flex里面是如何自動獲取焦點(diǎn)、監(jiān)聽全局鍵盤事件的呢?
原因:
Flex由于有瀏覽器的包裹,因此當(dāng)打開瀏覽器后,由于SWF尚未獲取焦點(diǎn),因此就算自動獲取了焦點(diǎn)(dispatchEvent( new MouseEvent( MouseEvent.CLICK ));)也是沒有意義的。
解決方法:
在嵌入SWF的html里面加入如下的功能:
<body onload="document.getElementById('swf id').focus()">
這句話的含義:當(dāng)onload完畢后,自動設(shè)定SWF為焦點(diǎn)狀態(tài)。
最后再按照AIR的寫即可完成自動獲取焦點(diǎn)、監(jiān)聽全局鍵盤事件。
由于代碼比較少,因此就不放上demo了,以上的片段代碼足以說明問題:)
相關(guān)文章
Flex 非常實(shí)用的學(xué)習(xí)資料整理
對于學(xué)習(xí)flex 的朋友,絕對是個(gè)不錯(cuò)的一些資料,大家可以用ctrl+F搜索獲取2009-01-01