Tabキーでのフォーカス移動を抑止したい

画面操作 - キーボード

Tabキーでのフォーカス移動を抑止したい
[内容]
フォーカス移動をENTERキーのみで行いたい

キー押下時に発生するKeyDownイベントで制御が可能です。

KeyDownイベントを捕捉して実行されるOnKeyDownイベントハンドラ内で
TRUE（return true）を返すとTabキーでのフォーカス移動を抑止できます。

Form form1 {
	width = 561;
	height = 433;
	
	/*フォーカスを受けた場合のハイライト色*/
	var bl = new Border( Border.SOLID, 2, "red", 5);

	TextBox textbox3 {
		x = 184;
		y = 56;
		width = 120;
		height = 40;
		highlightOnFocus = bl;
		/*ENTERキーでフォーカス移動*/
		nextTabKey = KEY_ENTER;
		value = "山田";
		verticalAlign = ALIGN_MIDDLE;
		
	}
	
	TextBox textbox4 {
		x = 184;
		y = 120;
		width = 304;
		height = 40;
		highlightOnFocus = bl;
		nextTabKey = KEY_ENTER;
		verticalAlign = ALIGN_MIDDLE;
		value = "株式会社オープンストリーム";
	}
	
	TextBox textbox5 {
		x = 184;
		y = 176;
		width = 304;
		height = 40;
		highlightOnFocus = bl;
		nextTabKey = KEY_ENTER;
		verticalAlign = ALIGN_MIDDLE;
	}
	
	TextBox textbox6 {
		x = 184;
		y = 232;
		width = 304;
		height = 40;
		highlightOnFocus = bl;
		nextTabKey = KEY_ENTER;
		verticalAlign = ALIGN_MIDDLE;
	}
	
	Label label1 {
		x = 64;
		y = 56;
		width = 104;
		height = 40;
		value = "お名前";
	}
	
	
	TextBox textbox1 {
		x = 312;
		y = 56;
		width = 120;
		height = 40;
		highlightOnFocus = bl;
		nextTabKey = KEY_ENTER;
		verticalAlign = ALIGN_MIDDLE;
		value = "太郎";
		
	}
	
	Label label2 {
		x = 184;
		y = 32;
		width = 88;
		height = 24;
		value = "姓";
	}
	
	Label label3 {
		x = 312;
		y = 32;
		width = 88;
		height = 24;
		value = "名";
	}
	
	Label label4 {
		x = 64;
		y = 128;
		width = 104;
		height = 40;
		value = "お勤め先会社名";
	}
	
	Label label5 {
		x = 64;
		y = 176;
		width = 104;
		height = 40;
		value = "お勤め先住所";
	}
	
	Label label6 {
		x = 64;
		y = 232;
		width = 104;
		height = 40;
		value = "電話番号";
	}
	
	TextBox textbox2 {
		x = 184;
		y = 288;
		width = 304;
		height = 40;
		highlightOnFocus = bl;
		nextTabKey = KEY_ENTER;
		value = "";
		verticalAlign = ALIGN_MIDDLE;
	}
	
	Label label7 {
		x = 64;
		y = 288;
		width = 104;
		height = 40;
		value = "所属部署";
	}
	
	TextBox textbox7 {
		x = 184;
		y = 344;
		width = 304;
		height = 40;
		highlightOnFocus = bl;
		nextTabKey = KEY_ENTER;
		value = "";
		verticalAlign = ALIGN_MIDDLE;
	}
	
	Label label8 {
		x = 64;
		y = 344;
		width = 104;
		height = 40;
		value = "役職";
	}
	
	/*キーが押下された場合の処理*/
	function onKeyDown(e) {
		if(e.key == "TAB"){
			/*押下されたキーがTABの場合処理を中断する*/
			return true;
		}
		return false;
	}
}


		Biz-Collections Bizの宝箱トップへ
		Biz/Browser DT・Biz/Designer DT TIPS集トップへ