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

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

原创

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

0 ·

CC 4.0 BY-SA版权

文章标签：

#小程序

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

微信小程序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"
      />