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 2747 views
我来说几句

下一篇: jquery tab切换
上一篇: js另存代码功能
相关文章
js表单自动提交
如何用js清空表单的value
JavaScript字节转换为KB、MB、GB的函数
js点击按钮打开一个新的网页、传参和不传参获取下拉列表的值并弹出
js改变字符集
js获取下拉框当前选中的值并弹出
js判断字符长度函数和一些字符串分割合并函数
等待一定时间自动跳转网页
JS获取，设置值的常用方法
点击图片能另存图片的js

关于站长

站长QQ: 513569228 本博客旨在记录工作中遇到的问题，并为大家提供帮助,如有疑问可加群332646789，欢迎共同交流技术上的难题...

站内搜索
symfony循序渐进 symfony笔记 sonata-project vim git nginx mongodb redis jquery mac
文章分类
最新文章
最热文章