如何设置鼠标聚焦位置的值

Question

我有一个有棱角的textarea

<textarea class="form-control"                        
id="message"
formControlName="message"
(focus)="onFocusEvent($event)"
></textarea>

和将文本添加到

末尾的按钮

<button (click)=addText()></button>
addText() {
const customText: string = 'customText';
this.form.setValue({message: this.form.get('message').value + 'n' + customText});
}

我想添加customText到基于鼠标所在位置的位置。我怎样才能确定那个地方呢?可能使用onFocus事件?

Answer 1

使用Rxjs很容易确定鼠标位置。看下面的例子:

Stackblitz - MouseMove

在此之后，您可以创建一个方法，该方法根据鼠标结果确定要显示的消息。

我希望这对你有帮助。