Question

我正在尝试让我的验证工作。

默认情况下，我不能选中“第二个”元素它由附加到'first'元素上的onchange事件的js函数启用当我专注于'第一'，然后点击Tab时，我希望js功能完成，然后我将导航到'second'元素。
相反，我发现自己处于'第三'元素'。

function releaseSecond() {
    document.getElementById('second').tabIndex = 0;
}

<form>
    <label for="first">First</label>
    <input type="text" id="first" tabindex="0" onblur="releaseSecond()"/>
    
    <label for="second">Second</label>
    <input type="text" id="second" tabindex="-1"/>
    
    <label for="third">Third</label>
    <input type="text" id="third" tabindex="0"/>
</form>

有可能解决这个问题吗？是否在调用事件挂钩之前确定了TAB的目标？

Answer 1

为什么你不使用.focus？

＆＃13;

<form>
    <label for="first">First</label>
    <input type="text" id="first" tabindex="0" onblur="releaseSecond()"/>
    
    <label for="second">Second</label>
    <input type="text" id="second" tabindex="-1"/>
    
    <label for="third">Third</label>
    <input type="text" id="third" tabindex="0"/>
</form>

＆＃13;

.write()

＆＃13;

在标签之前更改元素的tabindex

1 个答案: