在JS中如何实现指定位置插入内容
程序员文章站
2022-04-07 12:46:21
...
下面我就为大家分享一篇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)" />
上面是我整理给大家的,希望今后会对大家有帮助。
相关文章:
以上就是在JS中如何实现指定位置插入内容的详细内容,更多请关注其它相关文章!
推荐阅读
-
只打印指定数据区域在Excel中如何实现局部数据CTRL+P打印
-
浅谈在Vue.js中如何实现时间转换指令
-
Aspose.Words 将word2中的内容插入到word1中的指定位置
-
Word中如何在书签中插入超链接实现快速定位到指定的目标位置
-
只打印指定数据区域在Excel中如何实现局部数据CTRL+P打印
-
PPT中如何让背景音乐在恰当的位置合适的内容时播放和停止
-
在一个很长的Word文档中如何快速定位到指定页码的位置
-
在Word文档中如何插入Visio流程图并实现后期同步更新
-
在Word文档中如何插入另一个Word文件的内容且可对内容进行管理
-
vue项目中在可编辑div光标位置插入内容的实现代码