practices - letra negrita en alert javascript

Javascript: Mover a la última hasta el último carácter.

Question

Tengo un área de texto y cuando hago clic en ella quiero mover el cursor hasta el último carácter, por lo tanto, Something[caret]

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

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

Como sé, esto es posible de alguna manera con el objeto TextRange, pero realmente no sé cómo usarlo

EDITAR: Me encantaría ver solo soluciones de javascript puro, por lo que no hay bibliotecas, por favor.

Answer 1

La siguiente función funcionará en todos los navegadores principales, tanto para las áreas de texto como para las entradas de texto:

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();
    }
}

Sin embargo, no deberías hacer esto siempre que el usuario haga clic en el área de texto, ya que el usuario no podrá mover el cursor con el mouse. En su lugar, hazlo cuando el área de texto recibe el foco. También hay un problema en Chrome, que se puede solucionar de la siguiente manera:

Ejemplo completo: http://www.jsfiddle.net/ghAB9/3/

HTML:

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

Guión:

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

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