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

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