HarmonyOS 鸿蒙Next H5页面点击输入框软键盘显示后瞬间自动隐藏

参考绑定自定义键盘 1.有TextInput的页面怎么一进入页面自动弹出键盘

aboutToAppear(): void {

  setTimeout(() => {

  focusControl.requestFocus('Text_ID') 

  }, 1000)

}

// 组件id设置

TextInput({

  controller: this.controller,

})

  .id('Text_ID')// 绑定自定义键盘

2.怎么在点击按钮时候收起键盘

this.controller.stopEditing()

参考demo示例：

@Entry
@Component
struct KeyboadPage {
  controller: TextInputController = new TextInputController()
  @State inputValue: string = ""
  @State InputBGColor: string = '#90EE90'

  aboutToAppear(): void {

    setTimeout(() => {

      focusControl.requestFocus('Text_ID')

    }, 1000)

  }

  build() {

    Column({ space: 10 }) {

      TextInput({

        controller: this.controller,

        text: this.inputValue

      })

        .id('Text_ID')

        .backgroundColor(this.InputBGColor)

        .margin(10)

        .border({ width: 1 })

        .height('48vp')

        .onChange((val) => {

          this.inputValue = val

        })

        .onFocus(() => {

          this.InputBGColor = '#FF0000'

        })

        .onBlur(() => {

          this.InputBGColor = '#90EE90'

        })

      Button('组件失焦')

        .onClick(() => {

          setTimeout(() => {

            focusControl.requestFocus('333')

          }, 0)

        }).id('333')

      Button('组件获焦/切换')

        .onClick(() => {

          setTimeout(() => {

            focusControl.requestFocus('Text_ID')

          }, 200)

          focusControl.requestFocus('333')

        })

    }

  }
}