>ホーム [1] >技術紹介 [4] >リッチクライアント [Shift-A] >フォーカス制御 サイト情報 資料請求・お問合せ
     ホーム [1]       新着情報 [2]       KeyNavi [3]       技術紹介 [4]       FAQ [5]       サイトマップ [6]     
−JavaScriptによるリッチクライアント環境/Webブラウザだけで簡単便利に−
   

フォーカス制御

− キーボードで高速入力が可能に

  ホームポジションのままで高速入力が可能に

フォーカスを自由自在に移動
説明図:フォーカスの移動順
【目的のフォームへ直行できる(赤線)】
一般的なTab/Shift-Tabによる前後へのフォーカス移動に加えて 矢印キーや「ALT-IKJL」などにより上下左右への移動が可能になります。 また画面内の上中下部分に直接フォーカスすることも可能で 遠くにある入力欄でもキーボードで素早くフォーカスを移せます。

キー入力でフォーカス制御→マウス不要→高速!
Tabキーによるフォーカス移動では遠くにある入力欄へ移動するのに 打鍵回数が増える問題があります。 そのためマウスによるクリック操作も必要でした。

他方、KeyNaviのフォーカス機能を利用すると数回程度のキー入力で 目的のオブジェクトにフォーカスを移せます。 その結果マウス操作が不要になります。 右手がキーボードとマウスの間で往復する必要がありません。 高速操作が可能になります。

上下左右移動は公開版KeyNaviでも利用可能です。
KeyNavi対応方法 [Shift-W] に詳しい情報が記載されています。

Enterキーによるフォーカス遷移
説明図:フォーカス遷移
【日付け入力でのフォーカス遷移】
その他、入力確定後に次の入力欄へ自動でフォーカスを移す、 Enterキーによるフォーカス移動などの機能があります。

開発Tips
隣接オブジェクトの認識はプログラムにより自動で行われます。 開発時に上下左右や次のオブジェクトを指定する必要はありません。

本技術に関するお問合せ・ご相談を承っております
  資料請求・お問合せ [Shift-X]
お問合せ・ご相談・お見積もりの連絡先を記載しております。
また技術的なご質問なども承っております。

 上位ページ[Shift-U] 先頭へ [W or O] 

入力支援 [Shift-B] | エラー表示 [Shift-C] | フォーカス制御 | ショートカット [Shift-E] | グラフ描画 [Shift-F]
スプレッドシート [Shift-G] | 通信 [Shift-H] | バリアフリー [Shift-I] | その他の技術 [Shift-J]

機能対応表 [Shift-K] | ユーザ別に便利になること [Shift-L]
サービス内容 [Shift-M] | FAQ:質問と回答 [Shift-O]

リッチクライアント [Shift-A] | コンテンツ記述言語ZML [Shift-Q] | 文書ワークフロー [Shift-R]
らくなび [Shift-S] | eラーニング [Shift-T] | ユーザビリティ診断 [Shift-V]