如何在textarea中的光标位置插入指定字符？请大家看看，能否给点思路

<HTML>
<HEAD> 
<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>

解决方案 »

  1.   

    :awaysrain(绝对零度)(既然选择了远方就要日夜前行) 
    选中一段文本，再点击按钮插入“abc”字符串,在这段被选中文本的起始位置和终止位置都插入“abc”字符串.
    并不是要把被选中文本给删除掉。你看能否略做修改？
      

  2.   

    <HTML>
    <HEAD>
        <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  + caretPos.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>
      

  3.   

    <TEXTAREA id="Textarea1">01234567</TEXTAREA>
    <INPUT id="Button" type="button" value="插入字符串abc" onclick=show()>
    <input name=text1 type=text value="abc">
    <script language=javascript>
    function show()
    {
    var str=document.getElementById("text1").value
    window.clipboardData.setData("text",str)
    document.getElementById("Textarea1").focus()
    document.execCommand("Paste");
    }
    </script>