js在光标处插入文本

<HTML>  
<HEAD>            
<SCRIPT>            
function storeCaret(textEl) {
 if (textEl.createTextRange)
  textEl.caretPos = document.selection.createRange().duplicate();
}
function insertAtCaret(textAreaId, textValueId) {
 var textEl=document.getElementById(textAreaId);
 var text=document.getElementById(textValueId).value;
 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>            
 
<TEXTAREA   id="aTextArea"   ROWS="5"   COLS="80"   WRAP="soft"     ONSELECT="storeCaret(this);"   ONCLICK="storeCaret(this);"   ONKEYUP="storeCaret(this);">       这是例子,你可以在这里添加文字、插入文字。   </TEXTAREA>            
<BR>      
<INPUT   TYPE="text"   id="aText"   SIZE="80"   VALUE="我要在光标处插入这些文字"><BR>  
<INPUT   TYPE="button"   VALUE="我要在光标处插入上面文本框里输入的文字!"     ONCLICK="insertAtCaret('aTextArea', 'aText');">  

</BODY>  
</HTML>

by 雪洁 2012-01-13 15:00:55 2224 views
我来说几句

相关文章