微信小程序iphone点击modal中的input不聚焦

最新推荐文章于 2024-05-17 08:31:50 发布

我是隔壁的老黄

最新推荐文章于 2024-05-17 08:31:50 发布

阅读量273

点赞数

CC 4.0 BY-SA版权

分类专栏：小程序文章标签：小程序

本文链接：https://blog.youkuaiyun.com/myhuangchao/article/details/115702842

本文介绍了微信小程序中，在iPhone设备上点击modal内的input元素无法聚焦的问题。作者通过分析发现，直接设置input的focus为true仅能确保首次聚焦，后续操作无效。解决方案是动态控制focus状态，在modal显示时设为true，点击input后保持true，同时在输入框失去焦点时将其设为false，从而实现每次点击都能聚焦。

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

微信小程序iphone点击modal中的input不聚焦

遇到一个小问题，安卓没问题，iphone点击不聚焦
这是刚开始的

<modal show="{
   
   {addTag.show}}">
  <view class="modal_body">
    <view class="modal_title">添加</view>
    <view class="modal_input flex">
      <input
        value="{
   
   {addTag.value}}"
        placeholder-style="color:#ccc;font-size: 28rpx;"
        placeholder="输入建议"
        bindinput="addTagChange"
      />