HarmonyOS webview组件中加载H5后,唤起键盘操作后,被键盘挤上去了,监听和控制设备键盘操作使用哪个API

HarmonyOS
2024-12-24 17:40:03
浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
zbw_apple

可以参考这个demo:

import { window } from '@kit.ArkUI';

@Entry
@Component
struct KeyBoardEventDemo {
  @State message: string = 'Hello World';
  @State marginTop: number = 1000;

  aboutToAppear(): void {
    window.getLastWindow(getContext(this)).then(currentWindow => {
      currentWindow.on('keyboardHeightChange', data => {
        if (data != 0) {
          this.marginTop = 500
        } else {
          this.marginTop = 1000
        }
        console.log('键盘高度变化' + data)
      })
    })
  }

  build() {
    Column() {
      Text(this.message).fontSize(50).fontWeight(FontWeight.Bold)
      TextInput()
    }.width('100%').margin({ top: px2vp(this.marginTop) })
  }
} 
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.

控制软键盘的弹出和隐藏倒是有api,但是这个api必须要绑定输入框一块使用,请参考如下链接:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-inputmethod-V5#showsoftkeyboard9

分享
微博
QQ
微信
回复
2024-12-24 19:18:10
相关问题
HarmonyOS键盘操作API
534浏览 • 1回复 待解决
HarmonyOS 唤起键盘
547浏览 • 1回复 待解决
HarmonyOS 如何监听键盘显示隐藏
751浏览 • 1回复 待解决
HarmonyOS webview里的输入框键盘覆盖
690浏览 • 1回复 待解决
webview加载Vue h5失败
18772浏览 • 5回复 待解决
HarmonyOS webview加载H5显示过慢
920浏览 • 1回复 待解决