問題タブ [tabindex]

私は 3 つのパネルを持つフォームを持っています。特定の時間に特定のコントロール グループを非表示/表示する必要があるため、パネルが作成されます。これまでは問題なく機能していました。つまり、TAB キーを使用してフォームをナビゲートする特定の方法を求められるまでは。

まず、Panel オブジェクトに TabIndex プロパティがないことに気付きました。最も重要なことは、入れ子になったナビゲーション アルゴリズムに従いたくないということです。独自のシーケンスを設定したいだけです。

これまでオンラインで読んだことから、これはパネルでは不可能です。私の唯一の選択肢は、フォーム上のすべてのコントロールを同じパネルに配置することです。

何かご意見は？アプリを再配置する気はなく、個々のコントロールを非表示にして表示し始めます。

フォームを含むiframeを含むページがサイトにあります。これを変更することはできませんが、親ページとiframeページで実行されるすべてのJSを完全に制御できます。

私の問題は、iframeのドキュメントにフォーカスされたフォームフィールドがある場合、次のフィールドにタブで移動すると、フォームの次のフィールドではなく、ブラウザのアドレスバーにカーソルが直接移動することです。各フィールドにタブインデックスを設定しても役に立ちません。

ブラウザはiframe全体をページ内の要素の1つとして扱っていますが（そうあるべきです）、タブイベントをキャプチャし、フォーカスをiframe内とその子要素に強制する方法があるかどうか疑問に思っています。

以前にこの問題に遭遇し、それを回避する方法がある人はいますか？

それがあなたを助けるというわけではありませんが、レイアウトは次のようなものです：

1つのアイデアは、iframeでキーダウンイベントをキャプチャし、タブまたはShift + Tabを確認してから、iframeのフォーカスを再設定することでしたが、フォーカスを失う前に、どのフィールドにいるかを知るという問題があります。JSとフォームフィールドのtabindex属性を使用して、次のフィールドに動的にフォーカスする方法はありますか？おそらくそれは私が次に冒険するところです...

更新： おそらく、私が見逃しているさらに単純なものがあります。たとえば、 http： //www.studentloan.comのログインボックスはiframeであり、これらのフィールド間をうまく移動できます。たぶん私のJSの他の何かが問題を引き起こしています。

更新2：ブラウザにiframeドキュメントのみをスタンドアロンページとしてロードしようとしましたが、タブを使用できません。これは、JSで他の場所で行っていることで、ドキュメントのフォーカスが失われていると思います。解決策が見つかったら投稿します。

アップデート3：

この問題は、AjaxControlTookitのModalPopupExtenderが原因で発生します。Webサービスを呼び出した後、ロードメッセージとして使用しています。コールバックメソッドが起動されると非表示になります。

モーダルポップアップが初めて表示および非表示になるまで、フィールド間をタブで移動できます。その後、フォームはフォーカスを維持できなくなります。理由を調査しており、理由がわかれば回答を投稿します。

ありがとう！

ここで本当に単純なものが欠けているように感じます。フォーム (デザイナーの 1 人が作成) を含む AS3 swf をフレックスアプリにロードしています。swf を単独で表示すると、swf の tabIndex プロパティは正常に機能しますが、flex アプリに読み込まれると、次のようになります。

フォーム フィールドがタブでフォーカスを受け取るのを停止します。ある種の解決策を求めて、flex で FocusManager を調べてきましたが、例が見つからないようで、正しい場所を探しているかどうか完全にはわかりません。このフォームを flex でやり直すのに行き詰まっていますか?

いくつかのブラウザでtabindexに問題があるようですので、javascript/jqueryを使用してこれらの問題を回避したいと思います。具体的には、FF3.5（Mac）は、tabindexを受け入れないか、リンクに焦点を合わせません。私のウェブサイトでjquery1.3.2とjs-hotkeys0.7.9を実行しています。

1ページに4つのフォームがあり、リンクを使用して切り替えることができます。これで、ページが読み込まれたときに、そのIDを使用してフォーカスを設定するリンクの1つが表示されます。次に、各リンク間をタブで移動して、各フォームを表示できるようにします。

削除されたコードは次のようになります。

HTML

Jquery

私は上司によって設計された VB.NET (2005) アプリケーションを持っています。このアプリケーションは 100 を超える入力および表示コントロール (テキスト ボックス、コンボボックスなど) を使用し、その多くにはラベルが関連付けられています。上司から、タブ オーダーを設定してからキープレスをトラップして、ユーザーが Enter キーを使用してコントロールを移動できるようにするように依頼されました。このような 2 つのアプリを使用しています。

タブ オーダーについては、View/TabOrder 機能を使用できませんでした。青い小さな tabindex ポップアップが非常に多く表示されているため、クリックするフォーム上のコントロールが表示されないためです。ポップアップを「スルー」してクリックしてみましたが、成功しましたが、それでも必要なタブ順序が得られませんでした。CodeSMART に付属のタブ アシスタントも、希望どおりの結果が得られなかったので、それを使用することができました。

このユーザーコントロールのコントロールは多くのグループに分散され、グループは複数の分割コンテナパネルに分散されます。メイン分割コンテナの最初のパネルには 3 つのメイン グループボックスがあり、ツールストリップ ボタンを介して選択されます (目的のグループ ボックスを表示に設定し、他のグループ ボックスを非表示に設定します)。

例：

これらのグループボックスのそれぞれには、さらにグループボックスが含まれており、それぞれに 1 ～ 15 のコントロールが含まれています。読み取り専用のものもあれば、ユーザーからの情報が必要なものもあります。必要なコントロールでは、タブ ストップが true に設定されています。

そのため、各メイン グループ パネルのタブインデックスを 0 ～ 2 に手動で設定します。次に、最初のグループ ボックス (メインパネル) について、含まれるコントロールとグループ ボックスのそれぞれにタブインデックスを設定します。非コンテナ タイプのコントロールのタブ インデックスは 0 ～ 25 に設定され、メインパネルのグループボックス (サブ グループ) は 26 ～ 48 です。次に、これらのサブ グループの各コントロールに移動し、これらのコントロールのタブ インデックスを で始まるように設定します。グループの 0 ～ Control.count-1。

要約すると、私のタブ オーダーは次のようになります (省略形)。

注: たとえば、tabindex には 1.4.0 を実際には入力しませんでしたが、コントロールには 0、サブ グループには 4、メイン グループには 1 を入力しました。

次に、タブ オーダーに基づいて [ドキュメント アウトライン] パネルで zorder を設定します。

このすべてを行った後、メインパネルで作業したかったタブ オーダーを最終的に取得することができました。

しかし、他の 2 つのグループボックス (materialPanel と hauspanel) に同じものを適用すると、タブは完全に無視されます。タブはアプリ内でまったく機能しません。2 番目からメインのグループボックス (MaterialPanel および HaulPanel) 用。アプリはコントロール ライブラリであるため、デバッグ時に組み込みの UserTestContainer を使用します。2 番目の 2 つのグループ ボックスのいずれかが表示されている場合、Tab キーはフォーカスをアプリからテスト コンテナーに移動します。

これは、1 番目のグループボックス (MainPanel) では発生しません。それは正常に動作します。

このようなものを設定するには、面倒な作業に約 3 ～ 4 時間かかりました。コントロールの数が多いため、このアプリケーションは操作が難しく、フォーム デザイナに変更が加えられるたびに、処理に 15 ～ 20 秒かかります。

ここで何が起こっているかについて手がかりを持っている人はいますか？

tabindexフォームと、ユーザーがフォーム要素のプロパティを介してフォームを操作する方法を制御しようとしています。すべての要素がtabindex指定されており、この値が尊重され、適切に使用されることを望んでいます。

私は現在 Mac/Firefox で開発を行っており、タブ切り替えを入力要素とリストのみに設定するデフォルトの Mac システム設定を認識しています。ただし、これと、システム/ブラウザーでこれを妨げる可能性のあるその他の設定をオーバーライドしたいと考えています。

これを回避するためにjQueryを使用しています。この時点での私のコードは次のとおりです。

しかし、これは私が望むようには機能していません。デフォルトの Mac 設定が有効になっている場合、これは実際にはタブインデックスをスキップし、非テキスト/テキストエリア アイテムを完全にスキップします。たとえば、オンinput[tabindex=2]のときに「Tab」キーを押すと、に送られinput[tabindex=4]ます。私がオンで、 と の間にボックスinput[tabindex=2]がある場合、私は に送られます。selectinput[tabindex=2]input[tabindex=4]input[tabindex=5]

、、などinput[tabindex=2]に送りたいです。基本的に 3 のすべて。input[tabindex=3]select[tabindex=3]input[type=radio][tabindex=3]tabindex

この問題を回避するためのアイデアを教えてください。また、他のシステム/ブラウザで私が調べるべきことを知っているかどうか教えてください.

wpf Textbox には、タブ オーダーを設定するための TabIndex プロパティがあります。これは、コントロールが同じコンテキストにある場合に正常に機能します。私の場合、itemstyle にテキスト ボックスがあり、スタイルがトリガーに基づいて動的に割り当てられるリスト ボックスがあります。タブインデックスが最初のリストボックスアイテムのテキストボックスから次のリストボックスアイテムのテキストボックスまたはコンボボックスまたはボタンに移動し、さらにリストボックスアイテムに移動するようにするにはどうすればよいですか。

ありがとう

アービンド

レンダリングする場合:

ボックスとボタンはありますよね？(少なくとも Firefox と IE では。)

一方では、Firefox ではボタンにタブ移動 (フォーカス) することしかできませんが、IE ではボックスとボタンの両方にタブ移動 (フォーカス) できます。

一方で、IE を Firefox のように動作させたい、つまり、ボックス フォーカスを取り除く必要があります。ユーザーがキーボードを操作することを考えてみてください。

(理由は、<input type="file" />表示されないためです。代わりに、<div>背景画像を持つ a が のふりをします<input type="file" />。)

ASP.NETアプリのページ内の多くの要素にタブインデックスを設定するための優れた一般的な方法を作成しようとしています（VB.NETを使用）。その結果、次のコードを生成できるように、継承されたTabIndexプロパティの実装を制御する基本クラスがあるかどうか疑問に思いました。

助けてくれてありがとう。

注意：[表示]->[タブ順序]は使用できません。不幸にも。

入力フィールドの大きなマトリックスとして実装された、大きなHTMLデータ入力テーブルがあります。行方向と列方向のタブ順序を動的に切り替えるJavaScriptベースの機能を実装しようとしています。

私が使用しているアプローチは、IE8では「1回」しか機能しないようです。つまり、JavaScriptを使用してタブインデックスが設定されると、それ以降の変更はすべて無視され、タブの順序はデフォルトの状態に戻ります。

テーブル入力には、次のようなクラス名があります。

私のJavaScriptは次のようになります。

setTabOrder(true);実際、ページが読み込まれたときに呼び出す場合、列ごとにしかタブを作成できないようです。つまり、次のようになります。

なぜこれが期待どおりに機能しないのか、何か考えはありますか？