問題タブ [tabindex]

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 投票する
3 に答える
27605 参照

html - ボタンが機能しない場合のtabindexを設定する

フォームのコントロールがほとんどありません。HTMLでの作成順序に自然ではない順序でtabIndexを設定する必要があります。たばこの端にボタンがあり、tabIndexはこの要素だけに設定されていません(フォーカスされません)。

理由は何ですか?

あなたの助けに感謝。

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

forms - 動的フォームの TabIndex (要素は大文字と小文字によって表示される) の問題

フォーム内に入力された値のいくつかの条件に応じてフィールドが表示される、より複雑なフォームに取り組んでいます。

ただし、フォームが<Tab>キー ( <Tab>key->enter value-><Tab>キー) で入力されると、新しく表示されたフィールドには移動せず、以前に表示されていたフィールドに移動します。

以下は単純化された例です。番号 1 のフィールドに何かを書き込むと、on change イベントがトリガーされ、値 2 の入力が表示されますが、次にフォーカスされるものは表示されません。

その複雑さのために、<Tab>キーを直接制御して演奏したくありません。また、onchange="$('#input2').show();$('#input2').focus()"すぐ隣の要素でない場合も同じコードを使うので、 は使えません。これを解決する方法はありますか?

コメント/提案をお寄せいただきありがとうございます。

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

html - iframe内の要素のTabindex

ファイルタイプの入力要素と画像要素を持つフォームであるiframeがあります。

タブキーを使用すると、iframe全体に焦点が当てられ、入力ボックスには焦点が当てられません。次にタブを押すと、ファイルタイプの入力要素に表示される[参照]ボタンに焦点が当てられます。

私の要件は、タブを押すと、フォーカスが入力テキストボックスに移動し、次に参照ボタンに移動し、最後に画像要素に移動することです。

0に設定tabindexしてみましたが、うまくいきませんでした。

要素を介してタブの順序を制御する方法を提案してください。

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

c# - tabControl を使用したタブ インデックス

複数のタブを持つ tabControl コントロールがあります。各タブに、コントロールを上から下に配置するタブ インデックスを追加しています。

ただし、プログラム中にタブをクリックすると、プログラムがコントロールからコントロールに移動する順序が、指定した順序ではありません。

これは tabControl と関係がありますか?

各コントロールに「tabIndex」プロパティを使用しています。

編集:申し訳ありませんが、この機能について知りませんでした。これが示すものです:

http://s7.postimage.org/m9burkbx5/Tab_Order.jpg

赤い矢印は、タブが作成するフローです。

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

javascript - tabIndexおよびJavascriptポップアップウィンドウ

htmlページにtabIndex属性を持つ要素がほとんどありません。

これで、このページからdivベースのモーダルポップアップウィンドウが開きます。tabIndexを持つこのポップアップウィンドウにはいくつかの要素があります。

問題:ユーザーがタブを押すと、ポップアップウィンドウの各要素にフォーカスが設定されます。ポップアップの最後の要素にフォーカスが移った後も、ユーザーがタブを押すと、メインページの要素にフォーカスが移動します。欲しいです。

ポップアップウィンドウ自体の要素にフォーカスを回転させる方法はありますか?

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

javascript - デフォルトのタブ ナビゲーションをオーバーライドする

jquery を使用して、デフォルトのタブ ナビゲーションをオーバーライドしようとしています。タブキーを取得してテキスト入力から仮想化されたテキストボックス (コードミラー) に移動しようとしているため、単純に tabindex プロパティを使用することはできません。次のjavascript/jqueryを無駄に使用しようとしました:

これを機能させる方法について何か考えはありますか?

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

javascript - HTML要素の次のタブインデックスに焦点を当てるonEnterkeypressby JQuery

こんにちは友人、 私はユーザーがキーを押すとhtml要素をtabindexできるようにすることである小さなタスクに取り組んでいます。

jqueryを初めて使用するので、動作するように見えるコードをいくつか作成しましたが、いくつかの問題があります。

最初の調査結果
Msgラベルの出力が「未定義」であるため、原因コードは機能しません。

ここに画像の説明を入力してください

コードを以下に示します。JSFiddleも作成しました。

JQuery

HTML

どこが間違っていたのか教えてください:/

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

html - フォーム入力のタブ順序を変更する方法

簡単なサインアップフォームでBoostrapを使用していますが、タブの順序を設定したいと思います。現在、「サインアップ」ボタンをスキップしています。

tabindex="1"送信ボタンを含む各入力フィールド(2、3など)に追加しましたが、機能しません。

これがjsFiddleです。

Operaでは動作するようですが、SafariやChromeでは動作しません。回避策はありますか?

更新:Chrome、Operaで動作しますが、Safariでは動作しません。

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

html - すべてのtabindex属性をhtml要素から削除する最良の方法は何ですか?

HTML要素からすべてのtabindex属性を削除するための最良の方法は何ですか?GWtは、コードのどこにも設定されていなくても、この属性を設定しているようです。tabindexを-1に設定します。

以下のコードは機能していますが、タグ名に従ってすべての要素を検索する必要があり、ページの読み込みが遅くなるため、面倒です。他に何か提案はありますか?私はJavaScriptを初めて使用するため、JavaScriptを使用しないソリューションをお勧めします。