jquery - 在文本框中的最后一个字符之后设置焦点

Question

我有 3 个电话号码文本框。当用户键入时，它会自动从一个文本框移动到下一个文本框。当用户按下退格键时，我可以将焦点移至上一个文本框。问题是在 IE 中，焦点设置在文本框的开头。这是我的代码，在 chrome 中运行良好。

$('#AreaCode').live('keyup', function (event) {
    if ($(this).val().length == $(this).attr("maxlength"))
        $('#Prefix').focus();
});

$('#Prefix').live('keyup', function (event) {
    if (event.keyCode == 8 && $(this).val().length == 0)
        $('#AreaCode').focus();

    if ($(this).val().length == $(this).attr("maxlength"))
        $('#Number').focus();
});

$('#Number').live('keyup', function (event) {
    if (event.keyCode == 8 && $(this).val().length == 0)
        $('#Prefix').focus();
});

如何在后退时将焦点设置在内容的末尾？

Answer 1

这是最简单的方法。如果你要倒退，只需添加$("#Prefix").val($("#Prefix").val());设置焦点后

这是更合适(更干净)的方式:

function SetCaretAtEnd(elem) {
        var elemLen = elem.value.length;
        // For IE Only
        if (document.selection) {
            // Set focus
            elem.focus();
            // Use IE Ranges
            var oSel = document.selection.createRange();
            // Reset position to 0 & then set at end
            oSel.moveStart('character', -elemLen);
            oSel.moveStart('character', elemLen);
            oSel.moveEnd('character', 0);
            oSel.select();
        }
        else if (elem.selectionStart || elem.selectionStart == '0') {
            // Firefox/Chrome
            elem.selectionStart = elemLen;
            elem.selectionEnd = elemLen;
            elem.focus();
        } // if
    } // SetCaretAtEnd()