uni-app监听窗口尺寸变化事件和隐藏键盘

文章目录

    • 监听窗口尺寸变化
      • uni.onWindowResize(CALLBACK)
      • uni.offWindowResize(CALLBACK)
    • 隐藏软键盘
      • uni.hideKeyboard()
      • uni.onKeyboardHeightChange(CALLBACK)

监听窗口尺寸变化

详细说明

uni.onWindowResize(CALLBACK)

  1. 如App端设置软键盘弹出方式为adjustResize ,则在键盘弹出时,会触发此事件。
  2. 横竖屏切换时,会触发此事件。
uni.onWindowResize((res) => {
    console.log('变化后的窗口宽度=' + res.size.windowWidth)
    console.log('变化后的窗口高度=' + res.size.windowHeight)
})

uni.offWindowResize(CALLBACK)

uni.offWindowResize(() => {
    console.log('取消监听窗口尺寸变化事件')
})

隐藏软键盘

详细说明

uni.hideKeyboard()

隐藏已经显示的软键盘,如果软键盘没有显示则不做任何操作。

uni.onKeyboardHeightChange(CALLBACK)

//监听键盘高度变化
uni.onKeyboardHeightChange(res => {
  console.log(res.height)
})

你可能感兴趣的:(uni-app)