vue输入框实现鼠标光标后插入字符串
时间: 2023-04-01 12:03:07 浏览: 108
vue中如何实现变量和字符串拼接
5星 · 资源好评率100%
可以使用JavaScript中的selectionStart和selectionEnd属性来获取光标的位置,然后使用字符串的splice方法插入新的字符串。具体实现可以参考以下代码:
```
// 获取输入框元素
var input = document.getElementById('myInput');
// 获取光标位置
var startPos = input.selectionStart;
var endPos = input.selectionEnd;
// 获取输入框中的原始字符串
var originStr = input.value;
// 插入新的字符串
var newStr = '要插入的字符串';
var resultStr = originStr.slice(, startPos) + newStr + originStr.slice(endPos);
// 更新输入框的值
input.value = resultStr;
```
这样就可以在光标位置插入新的字符串了。
阅读全文