格式化文本字段时反应光标跳动>>

问题描述 投票:0回答:1

我知道这方面有很多主题,我已经尽力阅读并实现了他们的解决方案,但是我无法使其正常工作

我正在尝试格式化电话号码,以使其以某种格式显示。

我创建了一个演示在我的应用程序中的工作方式。https://codesandbox.io/s/dank-leaf-94s3w?file=/src/App.js

编辑:很抱歉描述这个问题。

当您从前到后键入#时,一切正常。>

但是当我尝试修改中间数字时,光标将在每次输入后跳到末尾。

谢谢

我知道这方面有很多主题,并且我已经尽力阅读并实现了他们的解决方案,但是我无法使其正常工作,我正在尝试格式化电话号码,以便它...

javascript reactjs react-hooks cursor-position
1个回答
2
投票

嗨,问题在于您传递了一个新值,就像输入整个值一样。这将导致光标移到末尾。

您可以通过请求窗口动画框架并将光标移回原来的位置来克服它:

© www.soinside.com 2019 - 2024. All rights reserved.