Question

我有一个textarea，当我点击它时，我想将插入符号移到最后一个字符，Something[caret]

function moveCaret(){
     // Move caret to the last character
}

<textarea onclick="moveCaret();">
     Something
</textarea>

据我所知，TextRange对象在某种程度上是可行的，但我真的不知道如何使用它

编辑：我很想看到纯粹的JavaScript解决方案，所以请不要使用图书馆。

Answer 1

以下功能适用于所有主流浏览器，包括textareas和文本输入：

function moveCaretToEnd(el) {
    if (typeof el.selectionStart == "number") {
        el.selectionStart = el.selectionEnd = el.value.length;
    } else if (typeof el.createTextRange != "undefined") {
        el.focus();
        var range = el.createTextRange();
        range.collapse(false);
        range.select();
    }
}

但是，每当用户点击textarea时你就不应该这样做，因为用户将无法用鼠标移动插入符号。相反，当textarea获得焦点时，请执行此操作。 Chrome中也存在一个问题，可以解决如下问题：

完整示例：http://www.jsfiddle.net/ghAB9/3/

HTML：

<textarea id="test">Something</textarea>

脚本：

var textarea = document.getElementById("test");
textarea.onfocus = function() {
    moveCaretToEnd(textarea);

    // Work around Chrome's little problem
    window.setTimeout(function() {
        moveCaretToEnd(textarea);
    }, 1);
};

Javascript：将插入符号移到最后一个字符

1 个答案: