input获取光标位置插入元素

1. insertText(insertTxt) {

2. // 获取el-input中的input元素

3. let elInput = this.$refs.targetIn.$el.firstElementChild;

4. // 获取el-input的值

5. let txt = elInput.value;

6. // 做插入前做长度校验（如果有这个需要的话）

7. if (txt.length + value.length > 64) {

8. return;

9. }

10. // 获取选区开始位置

11. let startPos = elInput.selectionStart;

12. // 获取选区结束位置

13. let endPos = elInput.selectionEnd;

14. if (startPos === undefined || endPos === undefined) return;

15.  

16. // 将文本插入光标位置

17. this.subject = txt.substring(0, startPos) + insertTxt + txt.substring(endPos);

18. // 将光标移至文本末尾

19. elInput.focus();

20. elInput.selectionStart = startPos + insertTxt.length;

21. elInput.selectionEnd = startPos + insertTxt.length;

22. }