0

私が多くのdivを持っていてdisplay: none;、最初のものだけがにあると想像してくださいvisible

ビューでは、EnterキーまたはGOキー(iPadの場合)を押して、それぞれをナビゲートできます。したがって、先に進みたい場合は、現在のdivをに変更しnone、次のdivをに変更し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;
    }
});
4

1 に答える 1

0

要素にタブ インデックスを指定します。これはブラウザのアクセシビリティ属性で、現在のフィールドの操作が終わったときに次に移動する場所をブラウザに伝えます。

参照: http://reference.sitepoint.com/html/a/tabindex

于 2013-02-11T19:01:58.767 に答える