Question

想象一下，display: none;中有很多div，而第一个div位于visible。

在视图中，您可以按ENTER或GO（在iPad中）浏览每个按钮。因此，当您想要前进时，请将当前div更改为none，然后将下一个更改为visible。但是现在我还想将焦点设置在一个具有focusable类的输入元素中。但它没有成为焦点。

这是我的代码：

var setFocus = function () {
    $("#question-container2").find("#question:visible").find('.focusable')[0].focus();
    $("#question-container2").find("#question:visible").find('.focusable')[0].setSelectionRange(0, 0);
};

var nextPage = function () {
    if ($currentPage < $totalPages) {
        $currentPage++;
        $("#question-container2").find("#question:visible").hide().next().show();
    }
};

$(".input-area").keypress(function (e) {
    if (e.keyCode == 13) {
        // Do something
        nextPage();
        setFocus();
        return false;
    }
});

Answer 1

在元素中指定选项卡索引。这是一个浏览器辅助功能属性，当您完成当前字段时，它将告诉浏览器在哪里导航到下一个。

请参阅：http://reference.sitepoint.com/html/a/tabindex

为什么当我在iPad上按GO时，不关注下一个输入？

1 个答案: