vue3 h5 h5页面嵌入安卓app中，点击输入框弹起系统自带键盘，键盘弹起时页面没有任何变化，resize事件没有触发，点击键盘上的关闭按钮也没有失去焦点，不能通过失去焦点判断，前端如何知道用户点击了键盘上的关闭按钮

在移动端中，输入框弹起系统自带键盘时，页面会被推上去，此时页面高度会发生变化。但是在某些情况下，页面高度变化不会触发 resize 事件，导致无法通过 resize 事件来判断键盘的打开和关闭。

解决这个问题的方法是通过监听 window 的 scroll 事件。当键盘弹起时，页面会被推上去，导致页面滚动，从而触发 scroll 事件。我们可以通过监听 scroll 事件来判断键盘的打开和关闭。

具体实现方法如下：

1. 在组件中添加一个变量，用于存储键盘是否打开的状态：

data() {
  return {
    isKeyboardOpen: false
  }
}

2. 监听 window 的 scroll 事件，在事件处理函数中判断页面是否滚动：

mounted() {
  window.addEventListener('scroll', this.handleScroll)
},
destroyed() {
  window.removeEventListener('scroll', this.handleScroll)
},
methods: {
  handleScroll() {
    const scrollTop = document.documentElement.scrollTop || document.body.scrollTop
    if (scrollTop > 0 && !this.isKeyboardOpen) {
      // 键盘打开
      this.isKeyboardOpen = true
    } else if (scrollTop === 0 && this.isKeyboardOpen) {
      // 键盘关闭
      this.isKeyboardOpen = false
    }
  }
}

3. 在页面中的输入框上添加聚焦和失焦事件：

<input type="text" @focus="handleFocus" @blur="handleBlur">

4. 在聚焦和失焦事件处理函数中判断输入框是否被聚焦：

methods: {
  handleFocus() {
    // 输入框聚焦时，认为键盘打开
    this.isKeyboardOpen = true
  },
  handleBlur() {
    // 输入框失焦时，如果页面没有滚动，认为键盘关闭
    if (document.documentElement.scrollTop === 0 && document.body.scrollTop === 0) {
      this.isKeyboardOpen = false
    }
  }
}

通过以上方法，可以在前端判断用户是否点击了键盘上的关闭按钮。