Question

我有一个文本区域，我想在用户单击按钮时在光标位置插入文本。有人知道该怎么做吗？

Answer 1

Qwertie当然是正确的。无论如何，如果要在光标位置的文本区域中插入给定的字符串您可以使用如下功能：

 insertMyText = e => {
      let textToInsert = " this is the inserted text "
      let cursorPosition = e.target.selectionStart
      let textBeforeCursorPosition = e.target.value.substring(0, cursorPosition)
      let textAfterCursorPosition = e.target.value.substring(cursorPosition, e.target.value.length)
      e.target.value = textBeforeCursorPosition + textToInsert + textAfterCursorPosition
    }

和：

<textarea onClick={this.insertMyText}>bla bla bla bla</textarea>

在React中的光标位置插入文本

1 个答案: