js字符串怎么在固定位置插字符

发布网友发布时间：2022-04-25 17:54

共3个回答

懂视网时间：2022-05-15 00:12

下面我就为大家分享一篇JS实现在文本指定位置插入内容的简单示例，具有很好的参考价值，希望对大家有所帮助。

实例如下所示：

function insertAtCursor(myField, myValue) { 
 
 //IE 浏览器 
 if (document.selection) { 
 myField.focus(); 
 sel = document.selection.createRange(); 
 sel.text = myValue; 
 sel.select(); 
 } 
 
 //FireFox、Chrome等 
 else if (myField.selectionStart || myField.selectionStart == '0') { 
 var startPos = myField.selectionStart; 
 var endPos = myField.selectionEnd; 
 
 // 保存滚动条 
 var restoreTop = myField.scrollTop; 
 myField.value = myField.value.substring(0, startPos) + myValue + myField.value.substring(endPos, myField.value.length); 
 
 if (restoreTop > 0) { 
 myField.scrollTop = restoreTop; 
 } 
 
 myField.focus(); 
 myField.selectionStart = startPos + myValue.length; 
 myField.selectionEnd = startPos + myValue.length; 
 } else { 
 myField.value += myValue; 
 myField.focus(); 
 } 
} 
<textarea id="textarea" style="width: 386px; height: 260px"> 
</textarea> 
<input type="text" id="text" /> 
<input type="button" value="插入" onclick="insertAtCursor(document.getElementById('textarea'),document.getElementById('text').value)" />

上面是我整理给大家的，希望今后会对大家有帮助。

在vue中如何安装Mint-UI

在AngularJS中如何实现集合数据遍历显示

在vue.js中如何整合mint-ui里的轮播图

在Jstree中如何实现选中父节点时被禁用的子节点也会选中

在Vue中关于过滤器filters的用法

在Javascript中自适应处理方法

webpack打包配置（详细教程）

在Webpack中如何加载SVG

在vue-cli中如何实现移动端自适应

热心网友时间：2022-05-14 21:20

可以替换的方法，如：

var str='123456';
var char=str.subStr(1,1);//在2的后面插入字符串
var s= str.repalce(char,char+'替换的内容');//替换时别忘记把原先的字符加上

这样要注意是否放在最前面或最后么，因为要插入到固定位置可以先判断位置和字符串的长度，如:if(index==0){}//放在最前面，就用拼接；如果是最后也是用拼接。如果字符串为空，就直接拼接插入的内容。

热心网友时间：2022-05-14 22:38

参数说明：str表示原字符串变量，flg表示要插入的字符串，sn表示要插入的位置
function insert_flg(str,flg,sn){
var newstr="";
for(var i=0;i<str.length;i+=sn){
var tmp=str.substring(i, i+sn);
newstr+=tmp+flg;
}
// return newstr;
console.log(newstr)
}