Javascript: Déplacer le curseur sur le dernier caractère

J'ai un textarea et quand j'ai cliquer sur je veux déplacer le curseur vers le dernier caractère, de sorte que Something[caret]

function moveCaret(){
     //Move caret to the last character
}
<textarea onclick="moveCaret();">
     Something
</textarea>

Que je sais que cela est en quelque sorte possible avec l'objet TextRange, mais je ne sais pas vraiment comment l'utiliser

EDIT: je serais ravi de voir qu'un pur javascript solutions donc pas de bibliothèques s'il vous plaît.

source d'informationauteur Adam

  1. 40

    La fonction suivante fonctionne dans tous les principaux navigateurs, pour les textareas et le texte des entrées:

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

    Cependant, vous ne devriez vraiment pas faire cela à chaque fois que l'utilisateur clique sur le textarea, puisque l'utilisateur ne sera pas en mesure de déplacer le curseur avec la souris. Au lieu de cela, le textarea reçoit le focus. Il ya aussi un problème de Chrome, ce qui peut être travaillé autour comme suit:

    Exemple complet: http://www.jsfiddle.net/ghAB9/3/

    HTML:

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

    Script:

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

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