HarmonyOS 一个page有多个TextInput,如何从第一个输入框将光标切换到下一个输入框

一个page有多个TextInput,如何从第一个输入框将光标切换到下一个输入框。每个输入框都绑定的自定义键盘,想点击自定义键盘上的按钮自动切换下一个,如何用代码切换到下一个输入框?

HarmonyOS
1天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
superinsect

用onSubmit监听回调,为需要跳转的输入框设置key属性,然后用焦点控制模块将焦点移到所需输入框,参考文档如下:

1、onSubmit事件:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-basic-components-textinput-V5#事件

2、焦点控制:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-universal-attributes-focus-V5

参考示例如下:

@Entry
@Component
struct Page7311 {
  @State message: string = '';

  build() {
    Row() {
      Column() {
        // Text(this.message)
        //   .fontColor(Color.Red)
        TextInput({ text: 'test' })
          .fontColor(Color.Blue)
          .enterKeyType(EnterKeyType.Next)
          .onSubmit((EnterKeyType) => {
            focusControl.requestFocus('text1')
          })
        Divider().padding(10)
        TextInput()
          .key('text1')
          .fontSize(50)
          .enterKeyType(EnterKeyType.Next)

          .fontWeight(FontWeight.Bold)
          .onSubmit((EnterKeyType) => {
            focusControl.requestFocus('text2')
          })
        Divider().padding(10)
        TextInput()
          .key('text2')
          .fontSize(50)
          .enterKeyType(EnterKeyType.Next)

          .fontWeight(FontWeight.Bold)
          .onSubmit((EnterKeyType) => {
            focusControl.requestFocus('text3')
          })
        Divider().padding(10)
        TextInput()
          .key('text3')
          .fontSize(50)
          .enterKeyType(EnterKeyType.Next)

          .fontWeight(FontWeight.Bold)
          .onSubmit((EnterKeyType) => {
            focusControl.requestFocus('text4')
          })
        Divider().padding(10)
        TextInput()
          .key('text4')
          .enterKeyType(EnterKeyType.Next)
          .fontSize(50)
          .fontWeight(FontWeight.Bold)

        Divider().padding(10)

      }
      .width('100%')
    }
    .height('100%')
  }
}
分享
微博
QQ
微信
回复
1天前
相关问题
js如何清空一个input 输入框的内容
7774浏览 • 1回复 待解决
HarmonyOS List第一个可见的ListItem
308浏览 • 1回复 待解决
HarmonyOS 如何使Dialog覆盖下一个页面
30浏览 • 1回复 待解决
HarmonyOS 输入框光标移位监听
72浏览 • 1回复 待解决
HarmonyOS textInput 如何清空输入框
11浏览 • 1回复 待解决
HarmonyOS 如何实现一个气泡聊天
440浏览 • 1回复 待解决