js 在 textarea 光标处插入字符

最新推荐文章于 2023-04-13 18:15:30 发布

原创最新推荐文章于 2023-04-13 18:15:30 发布 · 267 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#IE

本文介绍了一种在不同浏览器环境下实现文本插入的方法，包括IE和Mozilla/Netscape等浏览器的支持。通过聚焦选定区域并插入指定文本，该方法适用于需要在特定位置添加内容的应用场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//myField 光标所在的控件名 document.Form.XXX

//myValue 所要插入的值
function insertAtCursor(myField, myValue) {

// IE
if (document.selection)
{
myField.focus();
sel = document.selection.createRange();

sel.text = myValue;
sel.select();
}

else if (myField.selectionStart || myField.selectionStart == '0') {
// MOZILLA/NETSCAPE support

//起始位置
var startPos = myField.selectionStart;

//结束位置
var endPos = myField.selectionEnd;

//插入信息
myField.innerHTML = myField.innerHTML.substring(0, startPos)
+ myValue
+ myField.innerHTML.substring(endPos, myField.innerHTML.length);
} else {

//没有焦点的话直接加在TEXTAREA的最后一位
myField.innerHTML += myValue;
}

}