How can I move text cursor in a text input field?[摘]
梁丘飞鸾
How can I move text cursor in a text input field?
Thanks the following codes. while in Firefox, you just need to invoke textElement.focus() method.
So here is how to position the caret end the end of a text field/text
area with IE4/5:
<SCRIPT>
function setCaretToEnd (el) {
if (el.createTextRange) {
var v = el.value;
var r = el.createTextRange();
r.moveStart('character', v.length);
r.select();
}
}
function insertAtEnd (el, txt) {
el.value += txt;
setCaretToEnd (el);
}
</SCRIPT>
</HEAD>
<BODY>
<FORM>
<INPUT TYPE="text" NAME="aText" SIZE="40">
<BR>
<INPUT TYPE="text" NAME="a2ndText" VALUE="Kibology for all.">
<INPUT TYPE="button" VALUE="insert and move to end"
ONCLICK="insertAtEnd (this.form.aText,
this.form.a2ndText.value);"
>
<BR>
<INPUT TYPE="text" NAME="a3rdText" VALUE="All for Kibology.">
<INPUT TYPE="button" VALUE="insert and move to end"
ONCLICK="insertAtEnd (this.form.aTextArea,
this.form.a3rdText.value);"
>
<BR>
<TEXTAREA NAME="aTextArea" ROWS="5" COLS="20" WRAP="soft"></TEXTAREA>
</FORM>
http://www.faqts.com/knowledge_base/view.phtml/aid/17749/fid/53
类似资料：