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字段和两个button在表单末尾...我正在按顺序使用它们的tabindex属性...现在在 tab 键上我需要在从提交释放焦点后聚焦第一个输入字段按钮，就像从...的输入字段释放焦点后的表单焦点输入字段...我该怎么做...？？focustabindex="1"tabindex="3"tabindex="2"

请不要使用任何 jQuery ......只有 javascript 或 html ......

4

2 回答 2

2

Black Cobra 的答案有效，除非您将自己的id属性用于某些事情（我曾经是）。编辑他的代码以供任何人使用很容易：

<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.tabIndex=1;"
            onBlur="this.tabIndex=8;">
    </button>
</form>

我只是改变了这个：

        onFocus="this.id=this.tabIndex;this.tabIndex=1"
        onBlur="this.tabIndex=this.id">

对此：

        onFocus="this.tabIndex=1;"
        onBlur="this.tabIndex=8;">

它不是动态的，但它真的很容易。如果您想要动态，请参见此处。

于 2013-04-03T02:38:59.613 回答
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 个... & ...此外，我正在使用该属性来记忆提交按钮的主要或实际 tabindex 编号...当用户将专注于提交按钮，javascript 将其从更改为... 现在，如果用户点击选项卡按钮，表单将尝试找出具有下一个... 表示第一个输入字段的元素...再次，当焦点离开提交按钮时，javascript将从它的...中检索它的真实值，这意味着它将从更改为...以这种方式焦点将继续在表单内循环...attributesubmitonFocusonBluridtabindex81tabindextabindexidtabindex18

现场演示

于 2012-10-05T09:24:34.783 回答