Skip to content Skip to sidebar Skip to footer

How To Place Cursor At End Of Text In Textarea When Tabbed Into

Possible Duplicate: Javascript: Move caret to last character I have a standard textarea with some text in it. I'm looking for a way to have the cursor automatically be placed at

Solution 1:

I've answered this before: Javascript: Move caret to last character

jsFiddle: http://jsfiddle.net/ghAB9/6/

Code:

<textarea id="test">Some text</textarea>
functionmoveCaretToEnd(el) {
    if (typeof el.selectionStart == "number") {
        el.selectionStart = el.selectionEnd = el.value.length;
    } elseif (typeof el.createTextRange != "undefined") {
        el.focus();
        var range = el.createTextRange();
        range.collapse(false);
        range.select();
    }
}

var textarea = document.getElementById("test");

textarea.onfocus = function() {
    moveCaretToEnd(textarea);

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

Solution 2:

You need to listen to the focus event in the text area for example :

<textareaonfocus="setCursorAtTheEnd(this,event)"/>

And then in your javascript code:

functionsetCursorAtTheEnd(aTextArea,aEvent) {
    var end=aTextArea.value.length;
    if (aTextArea.setSelectionRange) {
        setTimeout(aTextArea.setSelectionRange,0,[end,end]);  
    } else { // IE style
        var aRange = aTextArea.createTextRange();
        aRange.collapse(true);
        aRange.moveEnd('character', end);
        aRange.moveStart('character', end);
        aRange.select();    
    }
    aEvent.preventDefault();
    returnfalse;
}

Post a Comment for "How To Place Cursor At End Of Text In Textarea When Tabbed Into"