iOS 平台偶现键盘输入时输入框失去焦点 uni-app

iOS 平台偶现键盘输入时输入框失去焦点 uni-app

信息类别 详情
产品分类 uniapp/App
PC开发环境 Mac
PC版本号 15
HBuilderX 正式
HBuilderX版本号 4.64
手机系统 iOS
手机版本号 iOS 18
手机厂商 苹果
手机机型 12
页面类型 vue
vue版本 vue3
打包方式 云端
项目创建方式 HBuilderX

操作步骤：

  • 在输入框中输入文本

预期结果：

  • 输入框不会失去焦点

实际结果：

  • 输入框失去了焦点

bug描述：

在iOS 平台 TextArea 中输入内容时，偶现输入框失去焦点。
测试代码：

<template>
  <textarea  
            class="rc-input-text-input"  
            auto-height  
            confirm-hold  
            v-model="text"  
            :maxlength="1000"  
            :adjust-position="false"  
            :cursor-spacing="20"  
            always-embed  
            :show-confirm-bar="false"  
            :disable-default-padding="true"  
            confirm-type="send"
  ></textarea>
</template>

<script>
export default {
  data() {
    return {
      title: 'Hello',
      text: ''
    }
  }
}
</script>
```

#### 复现文件
[ScreenRecording_11-10-2025_11-04-09_1.MP4_.zip](//ask.dcloud.net.cn/file/download/file_name-U2NyZWVuUmVjb3JkaW5nXzExLTEwLTIwMjVfMTEtMDQtMDlfMS5NUDRfLnppcA==__url-Ly9pbWctY2RuLXRjLmRjbG91ZC5uZXQuY24vdXBsb2Fkcy9xdWVzdGlvbnMvMjAyNTExMTAvZjc5ODM4ZjI2ZTFiOTMyOWM4NGRhZTU1MmNjNDdmMTI=)

更多关于iOS 平台偶现键盘输入时输入框失去焦点 uni-app的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于iOS 平台偶现键盘输入时输入框失去焦点 uni-app的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这是一个在iOS平台上比较常见的输入框焦点问题，通常与uni-app底层渲染机制和iOS系统键盘交互有关。

从你的代码配置来看，已经设置了adjust-position="false"和always-embed等属性，这些确实是解决焦点问题的常用配置。但偶现失去焦点可能与以下因素相关：

  1. iOS键盘事件触发时机：iOS系统在处理键盘弹出/收起时，有时会错误触发页面重绘，导致输入框重新渲染而失去焦点。

  2. auto-height属性影响：当TextArea启用自动高度时，内容变化引起的高度调整可能干扰焦点状态。

  3. 页面布局变化：即使设置了adjust-position="false"，某些情况下页面其他元素的动态变化仍可能影响输入框焦点。

建议尝试的解决方案：

  • 移除auto-height属性测试是否改善
  • 添加focus事件手动保持焦点：
onFocus() {
  this.$nextTick(() => {
    // 手动保持焦点逻辑
  })
}
回到顶部