用javascirpt在<TEXTAREA>中插入元素(光标位置),大家看看!

发表于:2007-06-30来源:作者:点击数: 标签:
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
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> 

原文转自:http://www.ltesting.net