uniapp input keyboardheightchange 安卓收起键盘无效如何解决？

在uniapp中，安卓设备监听keyboardheightchange事件时，键盘收起后无法正确触发回调（height始终不为0）。测试发现iOS正常，但华为/小米等安卓机型均存在该问题。尝试过@blur事件和失去焦点方法均无效，如何解决键盘状态检测不准确的问题？

2 回复

在安卓端，keyboardheightchange事件监听键盘收起可能不生效。可尝试以下方法：

  1. 使用blur事件替代，手动触发输入框失焦
  2. 结合uni.hideKeyboard()强制隐藏键盘
  3. 检查focus状态，避免重复触发

建议优先测试blur事件配合hideKeyboard。


在 UniApp 中，keyboardheightchange 事件在安卓设备上收起键盘时可能无法正常触发或获取高度为 0，这通常是由于安卓系统的键盘收起动画延迟或兼容性问题导致的。以下是几种解决方案：

1. 使用 blur 事件作为补充

监听输入框的 blur 事件，在键盘收起时执行回调：

<template>
  <input 
    @focus="onFocus" 
    @blur="onBlur" 
    @keyboardheightchange="onKeyboardChange"
  />
</template>
<script>
export default {
  methods: {
    onFocus() {
      // 键盘弹出逻辑
    },
    onBlur() {
      // 键盘收起时强制处理
      setTimeout(() => {
        // 调整页面布局或隐藏元素
      }, 100);
    },
    onKeyboardChange(e) {
      const height = e.detail.height;
      if (height > 0) {
        // 键盘弹出
      } else {
        // 键盘收起（安卓可能不触发）
      }
    }
  }
}
</script>

2. 结合页面滚动检测

通过监听页面滚动判断键盘状态（键盘弹出/收起可能影响滚动位置）：

onPageScroll(e) {
  // 根据滚动位置推断键盘状态
}

3. 调整 manifest.json 配置

在安卓平台中，尝试配置软键盘模式：

"app-plus": {
  "softinputMode": "adjustResize"
}

确保页面布局能响应键盘弹起/收起。

4. 使用原生插件

若问题持续，可考虑使用原生插件（如 uni-app 官方插件市场中的键盘管理插件）增强兼容性。

注意事项：

  • 延时处理：在 blur 事件中加 setTimeout 避免动画未完成。
  • 测试多机型：不同安卓厂商对键盘事件的处理可能存在差异。

推荐优先使用 blur 事件 + 延时调整 的方式作为兼容方案。

回到顶部