Javascript: zum letzten Zeichen Verschieben caret

Question

Ich habe ein Textfeld, und wenn ich in es klicken Ich mag so Something[caret]

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

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

die Cursor auf das letzte Zeichen zu bewegen, wie ich weiß, dass dies irgendwie möglich ist, mit das TextRange-Objekt, aber ich weiß nicht wirklich, wie man es benutzt

EDIT: Ich würde gerne nur reine Javascript-Lösungen sehen, so dass keine Bibliotheken bitte.

Answer 1

Die folgende Funktion wird in allen gängigen Browsern arbeiten, sowohl für Textfelder und Texteingaben:

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

Allerdings sollten Sie wirklich nicht tun, wenn der Benutzer auf das Textfeld klickt, da der Benutzer nicht in der Lage sein, den Caret mit der Maus zu bewegen. Tun Sie es stattdessen, wenn das Textfeld den Fokus erhält. Es gibt auch ein Problem in Chrome, die umgangen werden können wie folgt:

Voll Beispiel: 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); 
};