首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

textarea从光标位置安插字符

2012-10-26 
textarea从光标位置插入字符textarea从光标处插入字符串方法:??htmlheadtitleTextArea光标定位/tit

textarea从光标位置插入字符

textarea从光标处插入字符串方法:

?

?

<html>         <head>           <title>TextArea光标定位</title>         </head>        <body>           <script language=Javascript>           function AddOnPos(obj,charvalue){              //obj代表要插入字符的输入框              //value代表要插入的字符              //obj.document.designMode = "On";       obj.focus();              var r = document.selection.createRange();              var ctr = obj.createTextRange();              var i;              var s = obj.value;              //注释掉的这种方法只能用在单行的输入框input内,对多行输入框textarea无效              //r.setEndPoint( "StartToStart",ctr);              //i = r.text.length;              //取到光标位置----Start----              var ivalue = "&^asdjfls2FFFF325%$^&";                  r.text = ivalue;              i =  obj.value.indexOf(ivalue);              r.moveStart("character",-ivalue.length);              r.text = " ";              //取到光标位置----End----              //插入字符              obj.value = s.substr(0,i) + charvalue + s.substr(i,s.length);              ctr.collapse(true);              ctr.moveStart( "character",i + charvalue.length);              ctr.select();           }           function toAdd(){               var obj=document.all("oTxt");               var str=document.all("oTxt1").value;               AddOnPos(obj,str)           }           </script>           <!--<input type="text" name="oTxt" id="oTxt" value="shism">-->       <textarea name="oTxt" id="oTxt" cols="60" rows="20"></textarea>    <hr>                 <input type="text" name="oTxt1" id="oTxt1">           <input type="button" value="test" onclick="toAdd()">        </body>        </html>

热点排行