問題タブ [keyboard-navigation]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
6 に答える
99376 参照

.net - WPF でタブ オーダーを設定する

WPFでタブ順序を設定するにはどうすればよいですか? 一部のアイテムが展開され、一部が折りたたまれた ItemsControl があり、タブ移動時に折りたたまれたアイテムをスキップしたいと考えています。

何か案は?

0 投票する
1 に答える
8598 参照

.net - 入力してWPFリストボックス内のアイテムを見つけるにはどうすればよいですか?

ほとんどのリストボックスでは、表示されたテキストの最初の文字を入力することで、リストボックス内のアイテムを見つけることができます。入力した文字が複数の項目に一致する場合は、文字を追加し続けて検索を絞り込むことができます。

これはWPFで行う必要がありますListBox。ただし、アイテムは単純な文字列ではなく、を使用して提示するカスタムオブジェクトですDataTemplate。アイテムのこのテキストキーボードナビゲーションに使用する必要がある文字列値へのパスを提供できる方法があることを望んでいListBoxます。

これはどのように可能ですか?

0 投票する
2 に答える
6290 参照

wpf - WPFエキスパンダーコントロールでTabIndexを設定するにはどうすればよいですか?

このウィンドウの例では、タブ移動は最初のテキストボックスから最後のテキストボックス、そしてエキスパンダーヘッダーに移動します。

明らかに、これを最初のテキストボックス、エキスパンダーヘッダー、最後のテキストボックスに移動します。エキスパンダーのヘッダーにTabIndexを割り当てる簡単な方法はありますか?

を使用してエキスパンダーをタブストップに強制しようとしましたが、エキスパンダーKeyboardNavigation.IsTabStop="True"全体にフォーカスが移り、エキスパンダー全体がスペースバーに反応しません。さらに2つのタブを押すと、ヘッダーが再び選択され、スペースバーで開くことができます。

編集:私はこれを行うためのよりクリーンな方法を思い付くことができる人のためにそこに賞金を投げます-そうでなければ、rmoore、あなたは担当者を持つことができます。ご協力いただきありがとうございます。

0 投票する
3 に答える
13370 参照

javascript - jqueryを使用したメニューのキーボードナビゲーション

キーボード ナビゲーションを Menu(ul li based ) に追加しようとしています。キーダウン イベントをメニューにバインドしました (または、キーダウンをドキュメントにバインドする必要がありますか?)

使用されるハンドラ関数を以下に示します

ここで、e.targetを li ではなく html として取得しますか?

キーボード ナビゲーションを追加する他の方法を提案できますか?

0 投票する
2 に答える
1553 参照

javascript - キーボードナビゲーションでinput[type= file]にフォーカスしたときに、ブラウザの「ファイルの選択」ダイアログを表示する

inputタイトルにあるように、フォームフィールドをタブで移動して(キーボードナビゲーションを使用して)特定のフォーカスが得られたときに、[ファイルの選択]ダイアログを開きたいと思います。デフォルトでは、「ファイルの選択」ウィンドウは、フィールドがクリックされたときにのみ開きます。

この問題についてJSBinにページを掲載しました:http://jsbin.com/areba/edit

現在、このページは次のコードで構成されています。

ご覧のとおり、テキスト入力とファイル入力があります。アイデアは、テキスト入力がフォーカスを受け取ると、ファイル入力が「クリック」されるなどして、「ファイルの選択」ウィンドウが開くというものです。

.css('background', 'lime')ステートメントは正常に機能しているようです。.trigger('click')ただし、ファイル入力を呼び出しても何も起こらないようです。

(これによりアクセシビリティの問題が発生する可能性があることを認識しているので、それについては説明しないでください。ありがとうございます。)

0 投票する
3 に答える
11208 参照

safari - ハイパーリンクをタブで移動できないという Safari/Opera のバグの回避策はありますか?

私が使用したIE、Firefox、Chrome、およびほとんどのTabWindowsベースのインターフェースでは、キーを使用して、あるフォームフィールドまたはハイパーリンクから次のフォームフィールドまたはハイパーリンクに移動できます(たとえば、「アクション可能な」アイテム)(注:他のものではテストしていませんオペレーティング システム)

ただし、Safari と Operaは、タブ移動時に Web ページ内のすべてのハイパーリンクをスキップします。私見はユーザビリティのバグですが、余談です。

Safari や Opera でこれらのリンクをナビゲートするための回避策/ハックはありますか?

tabindexたとえば、ページ上のDOMのフロー内でリンク「インデックス」を維持するなど、設定されている場合、Operaは属性を受け入れることに気付きましたtabindex="0"...しかし、Safariはこれを受け入れたくありません。

興味のある方のために説明すると、この jQuery はすべてのハイパーリンクをタブ可能にします。

...そして、これは Opera で機能するように見えますが...もっと良い回避策はありますか?

0 投票する
2 に答える
5864 参照

wpf - WPF: ウィンドウと UserControl にフォーカスする

UserControl を適切にタブに移動しようとしていて、困惑しています。論理ツリーは次のようになります。

ComboBox の可視性コンバーターが返された場合Visibility.Collapsed(ユーザーがデータベース モードを変更できないようにする) を除いて、すべて正常に動作し、textbox1 が選択された場合、UserControl のコントロールをタブで移動する代わりに、フォーカスがボタンに移動します。ウィンドウの下部に宣言されています。表示されるコントロール以外には、TabIndex または FocusManager プロパティが設定されているものはありません。

レンガの壁に頭をぶつけていますが、何かが欠けているに違いありません。IsFocusScope=True/False を試してみましたが、FocusedElement で遊んでいましたが、その ComboBox が非表示の場合は何も機能しません ( Visibility.Collapsed)。

ユーザー コントロールの上部は次のとおりです。

0 投票する
1 に答える
1499 参照

jquery - jQuery Cycle マルチ スライドショーと独立したキーボード ナビゲーション

2 つ (またはそれ以上) の jQuery タブを含むページがあります。各タブには、前/次のページングがコードに追加された jQuery サイクル スライドショーが含まれています。

jqueryfordesigners dot com のチュートリアルに基づいて、スライドショーのキーボード ナビゲーションを追加しました。

キーボード ナビゲーションは各スライドショーで機能しますが、スライド ページは同期しています。つまり、タブ 1 で 3 番目のスライドにページングすると、タブ 2 が表示されたときに 3 番目も表示されます。

それらを個別にページングする方法はありますか?

http://pastie.org/916682を参照

編集: 前へ/次へをクリックするとスライドショー ページが個別に表示されますが、kbd nav では表示されません。

0 投票する
1 に答える
918 参照

c# - キーボードナビゲーションが機能しない

TreeViewComboBoxコントロールを作成しました。これには、TreeViewとしてアイテムを含むComboBoxがありますが、キーボードナビゲーションがTreeViewで機能しません。キーボードを使用してTreeViewItemsをナビゲートできません。ヘルプplzはありますか?

0 投票する
3 に答える
1865 参照

navigation - HTML での RTL (右から左) キーボード ナビゲーション