小程序中 input 的属性 focus 失效问题

本文探讨了小程序input组件focus属性在自动唤起键盘后,因变量状态未正确管理导致无法再次唤起的问题。通过控制变量状态并在用户交互时更新,实现了一次成功的键盘唤起后仍能再次唤起的效果。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在这里插入图片描述
小程序 组件input 中有一个 focus 属性, 只要他为 true 我们就可以自动唤起弹窗。进入页面初始化的时候点击一次是可以唤起的,但是他唤起之后点击其他区域, 键盘隐藏时候 再次点击就不能够唤起了。
解决思路:

  1. 确保你再次点击的时候 {{变量}} 的这个值 已经变成 true 了。
  2. 已经变成 true 了为什么不好使。。。事情都是要有一个开始和结束,如果没结束,你这边又开始了 好像不太符合逻辑, 那我们就在用户点击其他区域的时候 让 {{变量}} 变成 false
  3. 我写了一个 view, 使用了 position: fixed 让她悬浮,z-index=1 不遮挡键盘。因为 他的出现和隐藏是和 唤起键盘 一致的,那么我们就把 {{变量}} 的这个东西 放在他的 wx:if={{变量}} 里就ok了

结果 : 测试了一下 结果真的就是这么回事,因为我之前 没有对 隐藏键盘进行控制,导致变量 没有变为 false 可能再次赋值 为 true 的时候 失效

评论 8
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值