本文介绍如何在 JavaScript 中实现向文本框指定位置插入内容。代码兼容 IE 及现代浏览器，通过判断 selectionStart 等属性处理不同浏览器的光标定位逻辑，并提供完整的 HTML 调用示例供参考。
JavaScript 在指定位置插入文本的兼容实现
具体实现代码如下所示：
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)" /> 以上这篇 JavaScript 实现在文本指定位置插入内容的简单示例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持本站。