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"