天天看點

按光标位置在TEXTAREA中插入内容

<HTML>

<HEAD> 

<!--按光标位置在TEXTAREA中插入内容-->

<SCRIPT>   

function storeCaret (textEl) {

if (textEl.createTextRange)

textEl.caretPos = document.selection.createRange().duplicate();   

}

function insertAtCaret (textEl, text) {

if (textEl.createTextRange && textEl.caretPos) {

var caretPos = textEl.caretPos;

caretPos.text =caretPos.text.charAt(caretPos.text.length - 1) == ' ' ?text + ' ' : text;     

}     

else       

textEl.value  = text;

}   

</SCRIPT>   

</HEAD>   

<BODY>   

<FORM NAME="aForm">

<TEXTAREA NAME="aTextArea" ROWS="5" COLS="80" WRAP="soft"  ONSELECT="storeCaret(this);" ONCLICK="storeCaret(this);" ONKEYUP="storeCaret(this);">  這是例子,你可以在這裡添加文字、插入文字。 </TEXTAREA>   

<BR> 

<INPUT TYPE="text" NAME="aText" SIZE="80" VALUE="我要在光标處插入這些文字"><BR>

<INPUT TYPE="button" VALUE="我要在光标處插入上面文本框裡輸入的文字!"  ONCLICK="insertAtCaret(this.form.aTextArea, this.form.aText.value);">

</FORM>

</BODY>

</HTML>

繼續閱讀