Question

在将光标插入到特定光标位置的文本区域时，我完全陷入了角项目。我尝试将标签/文本动态插入到选定光标位置的文本区域。

你能帮我吗？

谢谢， Sreepriya J

Answer 1

如果要将光标聚焦在特定位置，则需要使用selectionStart本机元素

var startPos=this.r.nativeElement.selectionStart;
this.r.nativeElement.focus();

然后您需要将先前的值与当前值连接起来

this.r.nativeElement.value=this.r.nativeElement.value.substr(0,this.r.nativeElement.selectionStart)+e+this.r.nativeElement.value.substr(this.r.nativeElement.selectionStart,this.r.nativeElement.value.length);

在此处查看示例：https://stackblitz.com/edit/angular-hn8unq

Answer 2

一种更简单的方法，尝试在光标处插入文本 npm library 首先，安装并导入

npm install --save insert-text-at-cursor

import insertTextAtCursor from 'insert-text-at-cursor';

用法

// Find an element you want on the page
const el = document.getElementById('my-textarea');
insertTextAtCursor(el, 'foobar');

插入符插入Angular4 +

2 个答案: