小程序多个输入框自动聚焦时,键盘在切换的时候出现闪烁的情况
发布于 6 年前 作者 nhan 8107 次浏览 来自 问答

如下在身份证后6位的输入框中,没输入1位代码会自动的去切换输入框的焦点,这个时候出现虚拟键盘不停的下去又弹起来,体验的效果很不好,这个有解决的办法吗,还是小程序的设计bug,希望有人能帮忙看下,谢谢了!

3 回复

楼上的方案解释清楚了,这种需求的做法一般是input 显示但是不可见,需要显示的内容用6个<view>表示就好了。

点击任意一个<view>让焦点始终在那一个input上就好了。

输入一个文字,<view>中追加一个数字就好了。

如果你的输入的内容为不可见的就更加方便了,输入一个数字<view>中间放个 “” 就好了。

input最后做验证再用。

加油~~

建议:1.这里的input输入框用一个,而不是六个

2.把view中的每个数字用一个span显示  input覆盖在上面 input opacity:0;

3.至于光标的提示,其实就是写个小动画

微信小程序写一个输入八位编号的输入框 - 一叶扁舟的文章 - 知乎 https://zhuanlan.zhihu.com/p/40675877

回到顶部