在反应中单击时如何将光标/插入符移动到输入末尾

Question

当选择输入并且用户输入内容时，当前如果单击返回文本，光标会跳转到他们单击的位置。此后输入的任何字母都会出现在光标单击的位置。

我想要实现的是，当用户单击输入中的任意位置时，我想让光标跳转到输入文本的末尾。

我正在使用react 和react-autosize-input 包。

谢谢

Answer 1

您可以使用HTMLInputElement.setSelectionRange()和输入值长度设置光标位置。

  const handleClick = (event) => {
     const {value} = event.target;
     const position = value.length;
     event.target.setSelectionRange(position, position);
  }