小程序
小游戏
企业微信
微信支付
扫描小程序码分享
如图，类似这样多个input输入4个数字问题，用户进来后设置第一个input的focus为true，输入一个数字后，第二个input获取光标，如果通过动态改变控制focus的key，会出现键盘收起又弹出的情况，有什么好的解决方案吗？iOS和Android都有这个问题
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
厉害，谢谢回答
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
你说的对，切focus是会产生这个问题的。要实现这个效果，可以简单通过前端分层的方法解决。
我的话，会通过两层组件覆盖的方式： 上层用flex或者canvas之类渲染一个四个框的效果。然后实际的input 组件是藏在这个层的后面被遮挡住。但点击上层时候自动focus到下层的input。然后bindInput，将input里的四个输入映射到上层四个框的渲染层。这样就可以解决你的问题了
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
厉害，谢谢回答
你说的对，切focus是会产生这个问题的。要实现这个效果，可以简单通过前端分层的方法解决。
我的话，会通过两层组件覆盖的方式： 上层用flex或者canvas之类渲染一个四个框的效果。然后实际的input 组件是藏在这个层的后面被遮挡住。但点击上层时候自动focus到下层的input。然后bindInput，将input里的四个输入映射到上层四个框的渲染层。这样就可以解决你的问题了