javascript - 单击 react 时如何将光标/插入符号移动到输入末尾

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);
  }