如图,类似这样多个input输入4个数字问题,用户进来后设置第一个input的focus为true,输入一个数字后,第二个input获取光标,如果通过动态改变控制focus的key,会出现键盘收起又弹出的情况,有什么好的解决方案吗?iOS和Android都有这个问题
网友回复:
你说的对,切focus是会产生这个问题的。要实现这个效果,可以简单通过前端分层的方法解决。
我的话,会通过两层组件覆盖的方式: 上层用flex或者canvas之类渲染一个四个框的效果。然后实际的input 组件是藏在这个层的后面被遮挡住。但点击上层时候自动focus到下层的input。然后bindInput,将input里的四个输入映射到上层四个框的渲染层。这样就可以解决你的问题了
厉害,谢谢回答