1 
<form>
    <input tabindex="1" required>
    <input tabindex="2" required>
    <input>
    <input tabindex="3" required>
    <input>
    <input tabindex="4" required>
    <input tabindex="5" required>
    <button type="button" tabindex="6"></button>
    <button type="submit" tabindex="7"></button>
</form>

ここでは、フォームの最後にformいくつかのinputフィールドと2つのフィールドがあります...そして、それらに属性を順番に使用しています...タブキーを押した状態で、送信からフォーカスを解放した後、最初の入力フィールドにフォーカスする必要がありますの入力フィールドからフォーカスを解放した後のフォームのフォーカス入力フィールドのようなボタン...どうすればそれを行うことができますか...??buttontabindexfocustabindex="1"tabindex="3"tabindex="2"

jQuery は使用しないでください... javascript または html のみを使用してください...

4

2 に答える 2

1

最後に、私は問題を解決しました... HTMLと小さなJavaScriptで簡単に実行できます...フォーム内の入力フィールドのループフォーカスを意味します...

<form>
    <input tabindex="2" autofocus required>
    <input tabindex="3" required>
    <input>
    <input tabindex="4" required>
    <input>
    <input tabindex="5" required>
    <input tabindex="6" required>
    <button type="button" tabindex="7"></button>
    <button type="submit" tabindex="8" id=""
            onFocus="this.id=this.tabIndex;this.tabIndex=1"
            onBlur="this.tabIndex=this.id">
    </button>
</form>

ここでは、をスキップしtabindex="1"て開始します...次に、ボタンにtabindex="2"さらに2つ追加します...さらに、属性を使用して、送信ボタンのプライマリまたは実際のタブインデックス番号を記憶しています...ユーザーが送信ボタンに焦点が当てられ、javascript はその値を ... に変更します。ユーザーがタブ ボタンを押すと、フォームは次の要素を見つけようとします... 最初の入力フィールドを意味します ... 再び、フォーカスが送信ボタンを離れると、javascript はその実数を取得します...がから... に変更されることを意味します。このようにして、フォーカスはフォーム内でループし続けます...attributesubmitonFocusonBluridtabindex81tabindextabindexidtabindex18

ライブデモ

于 2012-10-05T09:24:34.783 に答える