Javascript: Mover cursor al último carácter

Question

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

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

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

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

EDIT: Me encantaría ver solo soluciones puras de javascript, por lo que no hay bibliotecas.

Answer 1

La siguiente función funcionará en todos los navegadores, tanto para las áreas de texto y 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, realmente no debería hacer esto cada vez que el usuario hace clic en el área de texto, ya que el usuario no lo hará ser capaz de mover el cursor con el mouse. En cambio, hazlo cuando el área de texto reciba el foco. También hay un problema en Chrome, que puede ser trabajado alrededor 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); 
};