jquery - 入力フィールドからタブが押されたときに、次に focus() を持つ必要がある要素を制御します

Question

ページに要素のリストがあり、その一部は入力、他のアンカーなどです。入力時に、タブを押した場合にどの入力タブにフォーカスを移動する必要があるかをブラウザに伝えたいと思います。

現在、タブを押すと、入力の 1 つがメニュー項目に移動します。次の入力に行きたいです。どこから始めればいいのかわからないので、ここで一般的なアプローチを探しています。

入力フィールドの数と名前も動的です。

関連する場合に備えてノックアウトを使用しています。

Answer 1

tabindexhtml に属性を設定する

jsFiddle の例

<input type="text" tabindex="1" />
<input type="text" tabindex="4" />
<input type="text" tabindex="3" />
<input type="text" tabindex="2" />

Answer 2

@BrunoLMの回答を補足するために、入力に対するキー の効果を制御する場合など、動的にする場合はバインディングtabindexを使用できます。attrtab

<input type="text" data-bind="attr :{'tabindex' : dynamicNumber "}" />    

<a data-bind="attr: { href: url, title: details }">Report </a>

<input type="text" data-bind="attr :{'tabindex' : dynamicNumber "}" />