【AIR & Flex3】 Enter To Tab ( Enter キーで次のコントロールへ移動 )


  カスタムコンポーネントで実装




↓Web 版デモ


ひとつひとつのコントロールに対して記述するのもいいですが、
カスタムコントロールにしたほうがすっきりします。

コントロールは、それそれフォーカスをコントロールする FocusManager を持っていますので、
そこから次に移動すべきコントロールを取得できます。

入力可能なコントロールでは Enter キーに関して専用イベントがあるのでそれを使います。
他のコントロールでは、keyUp で keyCode == 13 で処理すると良いでしょう。
( もちろんこれ以外の機能も実装して、より快適なアプリケーション支援を行なって行きます )

LboxText.mxml
  

<?xml version="1.0" encoding="utf-8"?>
<mx:TextInput
	xmlns:mx="http://www.adobe.com/2006/mxml"
	creationComplete="initControl(event)"
	xmlns="*"
>

<mx:Script>
<![CDATA[

	import mx.managers.*;
	import mx.events.*;

	// *****************************************************
	// 初期処理
	// *****************************************************
	private function initControl(e:FlexEvent):void {

		// イベント追加
		this.addEventListener(FlexEvent.ENTER, focusControl);

	}

	// *************************************************
	// ENTER to TAB
	// *************************************************
	private function focusControl(event:FlexEvent):void{

		var fm:FocusManager = FocusManager(this.focusManager);
		var target:Object = fm.getNextFocusManagerComponent();
		target.setFocus();

	}

]]>
</mx:Script>

</mx:TextInput>
  







  Mainw.mxml ( ソースコード )




初期フォーカスについては、windowComplete を使用していますが、initialize でタイマーを使って
も良いと思います。実際問題、タイマーを使わないといろいろなコントロールは不可能ですし、
処理はできるだけ一箇所にまとめたほうが良い場合が多いからです。

WEB 用の Application コンポーネントでは、初期フォーカス設定でキャレットを表示するには、
swf がそのドキュメント内でフォーカスを前もって持っておく必要があります。

↓WEB 版のソースの先頭
  

<?xml version="1.0" encoding="utf-8"?>
<mx:Application
	xmlns:mx="http://www.adobe.com/2006/mxml"
	initialize="initData();"
	applicationComplete="initShown();"
	xmlns="*"
>
  
↓WEB 用実行 HTML
  

<HTML>
<HEAD>
<META http-equiv="Content-type" content="text/html; charset=Shift_JIS">
<TITLE>デバッグ用</TITLE>
<STYLE type="text/css">
* {
	font-family: "MS Pゴシック";
	font-size: 12px;
}
BODY {
	background-color: white;
	color: black;
}
</STYLE>
<SCRIPT 
	language="javascript"
	type="text/javascript"
	src="http://homepage2.nifty.com/lightbox/firebug/firebug.js">
</SCRIPT>
<SCRIPT 
	language="javascript"
	type="text/javascript"
	src="http://homepage2.nifty.com/lightbox/swfobject.js">
</SCRIPT>
</HEAD>

<!-- *******************************************************
 BODY
******************************************************** -->
<BODY>

<DIV id="flashcontent" style='display:inline'></DIV>
<script type="text/javascript">
	var so = new SWFObject(
		"Main.swf?reload=" + (new Date()).getTime(),
		 "idswf", "520", "350", "9", "#FFFFFF");

	so.write("flashcontent");

	document.getElementById("idswf").focus();
</script>

</BODY>
</HTML>
  


↓AIR 版ソース
  

<?xml version="1.0" encoding="utf-8"?>
<mx:WindowedApplication
	xmlns:mx="http://www.adobe.com/2006/mxml"
	initialize="initData();"
	windowComplete="initShown();"
	xmlns="*"
>

<mx:Style>

	.labelAlign {
		textAlign: left;
	}
	.testButton {
		fillColors: #5EBCDB,#FFFFFF;
	}

</mx:Style>

<mx:Script>
<![CDATA[

	// *********************************************************
	// アプリケーションの初期化
	// *********************************************************
	public function initData():void {

		// メッセージ
		trace( "initData()" );

	}

	// *********************************************************
	// 表示後の初期化
	// *********************************************************
	public function initShown():void {

		// 初期のフォーカス
		act1.setFocus();

	}

]]>
</mx:Script>

<mx:Form width="90%" height="90%">
	<mx:FormHeading label="Enter To Tab のテスト"/>
	
	<mx:FormItem
		label="フィールド1"
		labelStyleName="labelAlign"
		 paddingBottom="30"
	>
		<!-- ****************************************** -->
		<!-- ユーザフィールド -->
		<!-- ****************************************** -->
		<LboxText
			id="act1" 
		/>
	</mx:FormItem>
	<mx:FormItem
		label="フィールド2"
		labelStyleName="labelAlign"
		 paddingBottom="30"
	>
		<!-- ****************************************** -->
		<!-- ユーザフィールド -->
		<!-- ****************************************** -->
		<LboxText
			id="act2" 
		/>
	</mx:FormItem>
	<mx:FormItem
		label="フィールド3"
		labelStyleName="labelAlign"
		 paddingBottom="30"
	>
		<!-- ****************************************** -->
		<!-- ユーザフィールド -->
		<!-- ****************************************** -->
		<LboxText
			id="act3" 
		/>
	</mx:FormItem>

</mx:Form>

</mx:WindowedApplication>
  





yahoo  google  MSDN  MSDN(us)  WinFAQ  Win Howto  tohoho  ie_DHTML  vector  wdic  辞書  天気 


[flex3]
CCBot/2.0 (https://commoncrawl.org/faq/)
21/01/25 10:19:54
InfoBoard Version 1.00 : Language=Perl

BatchHelper COMprog CommonSpec Cprog CprogBase CprogSAMPLE CprogSTD CprogSTD2 CprogWinsock Cygwin GameScript HTML HTMLcss InstallShield InstallShieldFunc JScript JScriptSAMPLE Jsfuncs LLINK OldProg OracleGold OracleSilver PRO PRObrowser PROc PROconePOINT PROcontrol PROftpclient PROjscript PROmailer PROperl PROperlCHAT PROphp PROphpLesson PROphpLesson2 PROphpLesson3 PROphpfunction PROphpfunctionArray PROphpfunctionMisc PROphpfunctionString PROsql PROvb PROvbFunction PROvbString PROvbdbmtn PROvbonepoint PROwebapp PROwin1POINT PROwinSYSTEM PROwinYOROZU PROwindows ProjectBoard RealPHP ScriptAPP ScriptMaster VBRealtime Vsfuncs a1root access accreq adsi ajax amazon argus asp aspSample aspVarious aspdotnet aw2kinst cappvariety centura ckeyword classStyle cmaterial cmbin cmdbapp cmenum cmlang cmlistbox cmstd cmstdseed cmtxt cs daz3d db dbCommon dbaccess dnettool dos download flex2 flex3 flex4 framemtn framereq freeWorld freesoft gimp ginpro giodownload google hdml home hta htmlDom ie9svg install java javaSwing javascript jetsql jquery jsp jspTest jspVarious lightbox listasp listmsapi listmsie listmsiis listmsnt listmspatch listmsscript listmsvb listmsvc memo ms msde mysql netbeans oraPlsql oracle oracleWiper oraclehelper orafunc other panoramio pear perl personal pgdojo pgdojo_cal pgdojo_holiday pgdojo_idx pgdojo_ref pgdojo_req php phpVarious phpguide plsql postgres ps r205 realC realwebapp regex rgaki ruby rule sboard sc scprint scquest sdb sdbquest seesaa setup sh_Imagick sh_canvas sh_dotnet sh_google sh_tool sh_web shadowbox shgm shjquery shvbs shweb sjscript skadai skywalker smalltech sperl sqlq src systemdoc tcpip tegaki three toolbox twitter typeface usb useXML vb vbdb vbsfunc vbsguide vbsrc vpc wcsignup webanymind webappgen webclass webparts webtool webwsh win8 winofsql wmi work wp youtube