收藏
回答

多个input聚焦问题,出现键盘抖动。

问题模块
API和组件


如图,类似这样多个input输入4个数字问题,用户进来后设置第一个input的focus为true,输入一个数字后,第二个input获取光标,如果通过动态改变控制focus的key,会出现键盘收起又弹出的情况,有什么好的解决方案吗?iOS和Android都有这个问题

最后一次编辑于  2017-06-21  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏投诉关注问题回答

2 个回答

  • 追小命
    追小命
    2017-06-21

    你说的对,切focus是会产生这个问题的。要实现这个效果,可以简单通过前端分层的方法解决。


    我的话,会通过两层组件覆盖的方式: 上层用flex或者canvas之类渲染一个四个框的效果。然后实际的input 组件是藏在这个层的后面被遮挡住。但点击上层时候自动focus到下层的input。然后bindInput,将input里的四个输入映射到上层四个框的渲染层。这样就可以解决你的问题了

    2017-06-21
    赞同
    回复
  • Eason 6
    Eason 6
    2017-06-22

    厉害,谢谢回答

    2017-06-22
    赞同
    回复