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

Question

想象一下，我有很多 div display: none;，只有第一个在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