HarmonyOS TextInput enterKeyType 为EnterKeyType.Next时, 点击下一步, 光标无法跳转到下一个输入框

TextInput enterKeyType 为EnterKeyType.Next时, 点击下一步, 光标无法跳转到下一个输入框。

TextInput({placeholder:'123'})  
  .enterKeyType(EnterKeyType.Next)  
  .maxLines(1)
HarmonyOS
2024-10-24 13:19:58
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
zxjiu

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

参考文档如下:

● onSubmit事件:

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

● 焦点控制:

https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-universal-attributes-focus-V5

【示例代码】在test输入框中点击“下一步”,焦点移到第一个空白输入框。

@Entry  
@Component  
struct Index {  
  @State message: string = '';  
  
  build() {  
    Row() {  
      Column() {  
        Text(this.message)  
          .fontColor(Color.Red)  
        TextInput()  
          .key('text1')  
          .fontSize(50)  
          .fontWeight(FontWeight.Bold)  
          .onChange((value:string)=>{  
            this.message = value  
          })  
        Divider().padding(10)  
        TextInput({text:'test'})  
          .fontColor(Color.Blue)  
          .enterKeyType(EnterKeyType.Next)  
          .onSubmit((EnterKeyType)=>{  
            focusControl.requestFocus('text1')  
          })  
      }  
      .width('100%')  
    }  
    .height('100%')  
  }  
}
分享
微博
QQ
微信
回复
2024-10-24 15:01:55
相关问题
js如何清空一个input 输入框的内容
7657浏览 • 1回复 待解决
HarmonyOS 输入框无法对齐
303浏览 • 1回复 待解决
如何将点击事件透传到下一
1847浏览 • 1回复 待解决