textarea如何在文字后面,选中时如何将光标放在textarea中的文本末尾

I have a standard textarea with some text in it. I'm looking for a way to have the cursor automatically be placed at the end of the existing text so a user can simply start typing to add more text. This should happen whenever the textarea becomes active such as when a user tabs into it. Any ideas?

解决方案

Code:

Some text

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

}

}

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

textarea.onfocus = function() {

moveCaretToEnd(textarea);

// Work around Chrome's little problem

window.setTimeout(function() {

moveCaretToEnd(textarea);

}, 1);

};