問題タブ [tabindex]

gwt アプリの一部の画面で、入力フォームを含むダイアログ ボックスを作成します。tabindex プロパティを使用できるようにしたいのですが、そのダイアログ ボックス内でのみ使用できます。（つまり、そのダイアログボックスの最初のフィールドから最後のフィールドのみを循環します）現在、最後のフィールドが選択されているときにタブを押すと、ダイアログボックスの背後にあるアイテムである最初のタブインデックスにフォーカスが移動します（ガラスとして設定） ）。フォーカスが最初のダイアログ ボックス フィールドに戻るまで、タブを何度も押さなければならないので、これは非常に面倒です。ダイアログ ボックスをモーダルに設定すると、ダイアログ ボックスの外側でタブを押すとすぐに、タブ キーが無視されます。これは、ダイアログ ボックスの外側のオブジェクトがキーボード イベントを受け取らなくなる (タブ アウトできない!) ためです。タブキーをリッスンして手動でタブを処理する唯一のオプションはありますか? その下のすべての要素を通過する必要なくダイアログボックスに戻る限り、アプリの外や URL バー (たとえば) にタブを移動しても問題ありません。

IFrame を有効または無効にしてタブ オーダーから外す簡単な方法はありますか?

クリックするとリンクに関連付けられた IFrame を表示または非表示にし、IFrame の SRC プロパティを Wordpress ブログの PressThis フォームの 1 つに設定するいくつかのリンクを含む単純な HTML ページを作成しました。このようにして、1 つのページから任意のブログに簡単に投稿を追加できます。

Tab キーの動作を除いて、このページのすべてが期待どおりにうまく機能します。すべての IFrame は最初は非表示で、SRC が設定されていません (例: <iframe src=""></iframe>)。問題は、Tab を押すと、リンクからリンクに移動するのではなく、リンク間の非表示の (そして空の) IFrame にフォーカスが設定されることです。

フレームが表示され、PressThis フォームがロードされている場合、Tab を押すと、フォームの入力フィールド (およびページ内の他のすべて) をリンク間で正しくナビゲートします。ただし、フレームが再び非表示になると、Tab を押すと引き続き各フィールドが通過するため、キーボードでリンクからリンクに移動するのはかなり悪いです。

IFrame を切り替えて、非表示のときに Tab キーを押すとスキップし (タブ オーダーから削除されます)、表示されているときに Tab キーを押すとフォーム フィールド間を移動する方法を見つけようとしています。

私は周りを見回しましたが、HTML 要素を直接無効にすることについて何も見つかりませんでした (HTML 要素は、DOM の一部として無効なプロパティを持っていないようであり、無効な CSS スタイルもありません)。私が見つけた最も近いものは、特定のフォームフィールドを無効にすることについて尋ねている人々でした.

これを行う簡単な方法はありますか？

ありがとう。

大規模で複雑なアプリケーションを作成しているので、ユーザーがページをナビゲートできるようにタブインデックスを設定する必要があります。これはプライベートアプリケーションなので、javascript（jquery）の（ab）使用に関する制限はありません。

現在、これらの質問があります。

1）javascript（jquery）を使用して、ページが読み込まれるとすぐに、ブラウザが特定のテキストボックス内にカーソルを移動するように強制するにはどうすればよいですか？多くの場合、ブラウザは最初のタブインデックス入力内にカーソルを自動的に配置しないことに気付きました。何があってもそこに強制する確実な方法が欲しい。

2）ui enanchementをアクティブにする一部のフィールド（つまり、jquery ui datepicker）には、タブ操作に問題があります（タブを2回押す必要があるなど）、これを回避する方法はありますか？

3）jqueryでtabindexをどのように読み取って設定しますか？ユーザーの操作に基づいて非表示/表示されるフィールドがいくつかあり、非表示になった場合に他のフィールドにタブインデックスを「与える」ことができるはずです。これは問題ですか、ページが読み込まれた後もブラウザはタブインデックスを考慮しますか？

どうもありがとうございました

HTMLフォームのタブオーダーから要素を除外する方法はありますか?

したがって、次のものがあれば

tabindex を 1,2,3,4 として使用できることは承知していますが、すべてのフィールドに番号を付ける必要はありません。私のアプリケーションは動的にフィールドを作成しています。

ありがとう

ジェイソン

クリックすると DOMWindow open イベントをトリガーする一連の DIV 要素があります。問題ありません。

次に、キーボードのアクセシビリティを追加する必要がありました。DOH!!

ユーザーが 1 つの DIV から次の DIV にタブ移動できるように、tabindex 属性を DIV に追加し、Enter キーを処理するためのキープレス ハンドラーを追加しました。問題ありません。

私が経験している問題は、ユーザーが Enter キーを押して DOMWindow を開いたときに、フォーカスを div に戻そうとしていることです (そのため、一連の次の DIV にタブ移動し続けることができます)。

DOMWindow の "functionCallOnClose" 設定に関数を追加しようとしましたが、何もしないようです。

コードスニペットを次に示します。これは、「timeEntry」というクラス名を持つすべての DIV にクリックおよびキープレス イベントをバインドします。

クリックまたはキープレスイベントが発生して処理された後、フォーカスを元の DIV に戻せないように見える理由を誰かが知っていますか?

私はこれがかなりあいまいな質問であることを認識しているので、これを読んでいる誰かが JQuery、DOMWindow を使用し、クリックおよびキープレス イベントを処理している (または少なくともその方法を知っている) ことを期待して、そこに投げ出しています。

:o)

編集:さらにデバッグを行った後、jQuery が DIV タグから tabIndex 属性を取得する際に問題があるようです。ページのソースを表示すると、次の属性が表示されます。

ただし、jQuery を使用して属性を取得しようとすると、そこに表示されません。

このコードは「未定義」を返します

ただし、jQuery を使用して属性を設定すると、方向転換して取得できます。

HTMLで設定されたときにjQueryがtabindex属性を返さない理由が誰にもわかりますが、コードを使用して動的に設定された後は返されますか?

これが理にかなっていることを願っています...

フォームに一連のテキスト ボックスと html エディターがあります。適切なタブ インデックスを設定できません。タブ インデックスは最初のテキスト ボックスから移動し、その間のすべてのコントロールをスキップして最後の HTML エディターに到達し、3 番目のタブでアドレス バーに移動してから、コントロール全体をランダムに移動します。

すべてのコントロールのタブ インデックスを削除し、プログラムでシーケンス内のインデックスを割り当てたいと考えています。

tabindexHTML で使用される属性は何ですか?

tabindexWebページがタブ化されている場合、値が0の要素はどのような順序でフォーカスされますか？

私はTableLayoutPanelそれに40近くのコントロールを持つかなり複雑なものを持っています. 読み取り専用のものもあれば、非常に特殊な場合 (マウスでアクセスできる場合) を除き、ユーザーの注意を必要としないものもあります。TabStop=falseそこで、これらのコントロールに設定し、残りを上から下、左から右の順に並べたいと思います。

ただし、内部のコントロールについては、プロパティTableLayoutPanelを変更できません。TabStopつまり、できますがFalse、次の再構築時にリセットされます。その結果、すべてのコントロールに TAB キーでアクセスできます。アクセスしたくないコントロールも含まれます。

ここで何が起こっているのですか？

環境: Windows 7 Enterprise; VS2008; .NET 3.5 SP1; すべてのコントロールは に直接配置され、TableLayouPanel中間コンテナはありません。

詳細情報を追加: Robert Kerr は、再現できないと報告しています。TableLayoutPanel で Telerik Winforms RadControls のみを使用したことを忘れていました。また、テキストボックス、コンボボックス、およびスピン編集は機能しませんが、ボタン/チェックボックスは正常に機能するようです。