tengo forma angular textarea
<textarea class="form-control" id="message" formControlName="message" (focus)="onFocusEvent($event)" ></textarea>y botón que agregan texto al final de
<button (click)=addText()></button> addText() { const customText: string = 'customText'; this.form.setValue({message: this.form.get('message').value + '\n' + customText}); }Me gustaría agregar texto personalizado al lugar en función de dónde se encuentra el mouse ahora. ¿Cómo puedo determinar ese lugar? ¿Es posible usar el evento onFocus?
Determinar la posición del mouse es fácil con Rxjs. Mira el siguiente ejemplo:
Stackblitz - Movimiento del ratón
Después de esto, puede crear un método que determine el mensaje que se mostrará en función del resultado del mouse.
Espero que esto ayude.