WEB开发网
开发学院WEB开发Jsp 用javascirpt在<TEXTAREA>中插入元素(光标位置)... 阅读

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

 2008-01-05 08:14:40 来源:WEB开发网   
核心提示:<Html><HEAD><SCRipT>function storeCaret (textEl) {if (textEl.createTextRange)
<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> 进入讨论组讨论。

Tags:javascirpt lt TEXTAREA

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接