小程序原生问题,只出现在安卓机,并且只出现在独立页面,tabBar页面无问题

169 阅读1分钟

在项目里一个页面上有多个input,两个input框相互切换,触发了手机键盘弹起,但是光标消失了,需要再次点击才会在出现光标;安卓会出现问题,ios不会,taro版本是3.5.6,但是同样另一个3.5.6的taro项目里 多个input就没有这种问题;目前了解到(Input type="number"的时候就不会有这种问题,而且在tabBar内也没有问题,只有在单独的页面的时候才会有这种问题。 解决方案: 步骤1:

image.png 步骤2:

image.png 步骤3:

image.png

解释:focus属性可以使input框自动获取光标,在点击事件里记录一下点击的是哪个输入框,然后根据记录的值在对比应该让哪个输入框出现光标焦点,之后在光标离开事件里做 赋值空的处理,这样做的主要原因是 假如用户进行了其他操作,如果不让光标消失的话,输入框会自动获取焦点;