uniapp获取手机键盘高度

UniApp 中获取手机键盘的高度通常通过监听 `input` 元素的 `focus` 和 `blur` 事件来实现，因为当输入元素获得焦点时，键盘会弹出。你可以使用 JavaScript 来计算这个差异。以下是基本步骤：

1. 首先，你需要在需要关注键盘变化的页面上找到目标 input 元素，并添加事件监听器。

const inputElement = document.getElementById('yourInputId'); // 替换为实际的 input ID

// 监听聚焦和失去焦点事件
inputElement.addEventListener('focus', handleFocus);
inputElement.addEventListener('blur', handleBlur);

function handleFocus() {
  // 当输入框获得焦点时，记录屏幕底部距离
  const bottomOffset = getScreenBottom();
}

function handleBlur() {
  // 键盘隐藏后，更新屏幕底部高度并计算键盘高度
  const newBottomOffset = getScreenBottom();
  const keyboardHeight = Math.abs(newBottomOffset - bottomOffset);
}

2. `getScreenBottom` 函数可以使用 JavaScript 获取屏幕底部的坐标，这可能会因浏览器和设备而异。这里提供一个简单的示例：

function getScreenBottom() {
  if (typeof window.innerHeight !== 'number') {
    return document.documentElement.clientHeight;
  }
  return window.innerHeight;
}

3. 当你得到屏幕底部的变化后，通过两个值的差计算键盘的高度。注意，这种方法并不是绝对准确的，因为某些应用可能有自定义的软键盘设计，高度可能不固定。