uni-app ios系统14.6版本下input组件聚焦时软键盘弹出延迟卡顿

uni-app ios系统14.6版本下input组件聚焦时软键盘弹出延迟卡顿

信息类别 信息内容
产品分类 uniapp/App
PC开发环境 Windows
PC版本号 19042.985
HBuilderX 正式
HBuilderX版本号 3.1.18
手机系统 iOS
手机系统版本号 IOS 14
手机厂商 苹果
手机机型 iphone8
页面类型 vue
打包方式 云端
项目创建方式 HBuilderX

操作步骤：

  • input封装成一个置顶组件，定位为fixed或absolute。

预期结果：

  • 点击Input即刻弹出键盘。

实际结果：

  • 时常有会一两秒延迟后弹出键盘。

bug描述：

  • input点击时键盘有时会延迟一两秒弹出

更多关于uni-app ios系统14.6版本下input组件聚焦时软键盘弹出延迟卡顿的实战教程也可以访问 https://www.itying.com/category-93-b0.html

12 回复

我也是，怎么处理？

更多关于uni-app ios系统14.6版本下input组件聚焦时软键盘弹出延迟卡顿的实战教程也可以访问 https://www.itying.com/category-93-b0.html


我也遇到了，解决了吗

更新到最新版

离线基座更新到最新版？？？

回复 baiyun_rain: 对，都更新一下

更新哪个？hx 已经更新到最新了还是慢，我用的是textarea，如果把这个定位到底部（iphone12mini）点击后软键盘往上推页面，输入条和软键盘中间会有一条空白。

ios 系统软件版本是 14.6

用的不是 uni-app。

换成 alpha 貌似好了

Hbuilder X正式版3.1.22.20210709还是卡，手机是iphone12，多个输入框切换点击的时候要卡一会才会切换到另一个输入框

发个视频看下

这是一个在iOS 14.6上已知的软键盘响应延迟问题，与uni-app框架本身关系不大，更多是系统级兼容性表现。以下是针对性优化方案：

  1. 布局优化 避免在滚动容器中使用fixed/absolute定位的input组件，建议改用flex布局或native-sticky方案。可尝试将input置于页面底部而非顶部，减少布局重计算。

  2. 交互替代方案

  • 使用@touchstart.native替代@click触发聚焦
<input 
  ref="inputRef"
  @touchstart.native="handleFocus"
/>

methods: {
  handleFocus() {
    this.$refs.inputRef.focus()
  }
}
  1. 编译配置调整 在manifest.json中启用老版编译模式：
{
  "app-plus": {
    "usingComponents": true,
    "compilerVersion": 2
  }
}
回到顶部