我有一个输入元素，它的值是'abcdefghijklmnopqrstuvwxyz'
我用ref来强调"n"到"z"的内容
inputRef.current.setSelectionRange(18, 26);
这导致:
如何通过编程将输入改为此？
其他见解:
如果我切换到浏览器上的另一个选项卡，并返回包含此输入的选项卡，它将产生我想要的结果，但我不知道如何使其与代码一起工作.
我有一个输入元素，它的值是'abcdefghijklmnopqrstuvwxyz'
我用ref来强调"n"到"z"的内容
inputRef.current.setSelectionRange(18, 26);
这导致:
如何通过编程将输入改为此？
其他见解:
如果我切换到浏览器上的另一个选项卡，并返回包含此输入的选项卡，它将产生我想要的结果，但我不知道如何使其与代码一起工作.
你可以使用元素.scrollLeft属性现在有了不错的浏览器支持，下面是一个Codesandbox:https://codesandbox.io/s/flamboyant-panini-02gr7l?file=/src/App.js
我使用了超时设置场景，但关键部分在这里，它需要超时，因为它需要在setSelectionRange次呼叫后触发.
setTimeout(() => (ref.current.scrollLeft = 0), 100);
与一般的超时一样，所需的时间有点不稳定.