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)
}

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com