在光标位置插入内容

96 阅读 0 评论 64 点赞

我是靠谱客的博主善良身影，这篇文章主要介绍在光标位置插入内容，现在分享给大家，希望可以做个参考。

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
const insertAtCursor =(myField, myValue) => {
// myField：输入框元素, myValue: 要插入的值
if (document.selection) {
// IE support
myField.focus()
const sel = document.selection.createRange()
sel.text = myValue
sel.select()
} else if (myField.selectionStart || myField.selectionStart === '0') {
// MOZILLA/NETSCAPE support
let startPos = myField.selectionStart
let endPos = myField.selectionEnd
let beforeValue = myField.value.substring(0, startPos)
let afterValue = myField.value.substring(endPos, myField.value.length)
myField.value = beforeValue + myValue + afterValue
myField.selectionStart = startPos + myValue.length
myField.selectionEnd = startPos + myValue.length
myField.focus()
} else {
myField.value += myValue
myField.focus()
}
}