問題タブ [tabbing]

次のHTMLマークアップを含むポップアップを含むChrome拡張機能を作成しました。

ポップアップを開いて最初の入力フィールドを選択し、Tabキーを押すと、入力フィールドはフォーカスを失いますが、2番目のフィールドはフォーカスを取得しません。

次に最初のフィールドをもう一度選択してTabキーをもう一度押すと、2番目のフィールドにフォーカスが移ります。もう一度押すとボタンがフォーカスを獲得し、3回押すと最初のフィールドがもう一度フォーカスを獲得します。

最初のタブキーの押下が機能しない理由を誰かが知っていますか？

スペースバーを押しながらフォーム入力をタブで移動すると、Internet Explorer がハングするように見える

問題を説明するために、3 つのチェックボックスを備えた非常に単純なフォームをセットアップしました。 http://inkistudios.com/tests/checkbox.html

チェックボックスの入力に到達するまでタブを押した場合。キーボードを使用してチェックボックスを切り替えるかのように、スペースバーを押し続けてみてください。スペースバーを放す前に、タブを押して別のチェックボックスに切り替えます。これにより、Internet Explorer がハングしたり、ウィンドウをドラッグしたりできず、ページ上の何かをクリックすると、タブで外したチェックボックスがオン/オフになっているようです。そのため、Internet Explorer は最初のチェックボックスでスペースバーが解放されるのをまだ待っているようです... Internet Explorer 7、8、および 9 でこれを試してみましたが、すべて同じ結果になるようです。

誰かがこれに対する解決策を持っているかどうか疑問に思っていました。おそらく、ブラウザが現在の状態を強制的に解放するJavaScriptですか？

要素のフォーカスを外したり、jquery を使用して別の要素にフォーカスを当てたりしようとしましたが、試したことはありません。

私が持っているとしましょう

デフォルトでは、タブ移動するとからaに移動fooしbます。aからb直接行きたい場合はこれを行うことができます

focus()しかし、明らかに必要なため、以下は機能しませんtabindex=-1

両方持っていいですか？

私のフレームワークには、いくつかのテキストフィールドとボタンを備えたExtJSポップアップウィンドウがあります。ポップアップウィンドウ内でタブを使用する機能を実現する必要があります。タブキーを使用して、ウィンドウに表示されている要素に焦点を合わせる必要があります。ただし、最後の要素をタブで移動すると、フォーカスはポップアップウィンドウの最初の要素に戻るはずです。

extjsのAPIは、この機能を実現するのに役立ちますか？

私は素敵な丸みを帯びたボタンを必要とし、IE7 で動作する MVC アプリケーションを持っています。素敵なボタンのように見えるように、アンカー タグのスタイルを設定するコードをいくつか見つけました。

残念ながら、それらは完全にタブの順序から外れているようです (タブを押してこれらのコントロールに移動することはできません)。一部の画面では、フォーム上のすべてのコントロールに tabindex を追加することでこれを修正できますが、残念ながらすべての画面でこれを行うことはできません (たとえば、部分ビューを使用することがあります)。

コントロールへのタブ移動も、FireFox では機能しないことに注意してください。

私の「ボタン」は次のように配置されています：

いくつかの JavaScript があり、このクラスにいくつかの and タグを追加して角を丸くできるようにするため、アンカー タグは次のように変換されます。

これらは次の css でスタイル設定されます。

内部に同様のいくつかの要素を持つ水平フレックスボックスがあります。項目間のタブ移動を有効にするために、それぞれが でラップされます。埋め込み Webkit を使用しているため、達成しようとしている効果を確認するには Chrome が必要です。

アイテム間をタブで移動することはできますが、アイテムが画面の右側に離れすぎている場合は、そのアイテムをタブで表示したいと考えています。しかし、そうではありません。サンプルコードはここで見ることができます:

http://jsfiddle.net/sRGWS/

これを使用するもの：

重複の可能性:
PostgreSQL クエリで行番号を表示するには? サブセレクトによる更新を使用
した Postgresql PostgreSQL レコードの並べ替えで識別子を使用して列を並べ替える

PostgreSQL に 5 つの行があり、1 つの列に数字が1, 2, 3, 4, 5あり、それらの列が主キーではない可能性があるかどうかを1, 2, 3, 4尋ねているだけ1, 2, 4, 5です。

Struts 1.2.9 を使用しています。複数のタブを使用していると、アプリケーションで問題が発生します。

各タブのフィールドに同時に入力すると、DB で更新された 2 番目のタブのリクエスト番号から入力されたデータが 1 番目のタブのリクエスト番号として表示されます。

アクションの実行メソッドの同期が機能するかどうかはわかりません。

ユーザーコントロール内のグリッド内のスタックパネル内のアイテムコントロール内のコントロールテンプレート内にスタックパネルがあります（以下のxamlを参照）。内側のスタックパネルには、ラベル (Name="NoComponentChosen") と別のスタックパネル (Name="ComponentChosen") があります。ラベルの可視性は最初は折りたたまれています。

コントロール テンプレートには、バインディングを使用したデータ トリガーがあります。バインディング参照に特定の値がある場合、ラベル (NoComponentChosen) が表示され、スタックパネルが折りたたまれます。

ユーザー インターフェイスをタブで移動するときに、ラベル/スタック パネルをスキップしたいと思います。また、ChangeRequestView.xaml の残りの部分 (リストボックスとボタン) もタブで移動できるようにしたいと考えています。

現在、タブを押すと、最終的にラベル/スタックパネルが選択され、点線の長方形で囲まれます。それは私が避けたいことです。

これは私の ChangeRequestView.xaml です:

UserControl/ChangeRequestView.xaml 全体が私の MainWindow の一部です。MainWindow のさまざまなビューをすべてタブで移動し、ChangeRequestView に到達したら、折りたたまれていないラベル/スタックパネルをスキップしたいと思います。

これは私の MainWindow.xaml です:

長い xaml ファイルで申し訳ありませんが、提供する情報が多ければ多いほど、このタブ移動の問題を解決しやすくなると思います。

ユーザーインターフェイスをタブで移動するときに、ラベル「NoComponentChosen」/スタックパネル「ComponentChosen」をスキップする方法について何か考えはありますか?