HarmonyOS 软键盘会变为非数字输入

输入到第四位的时候,软键盘会变为非数字输入。

demo如下:

@Entry
@Component
struct Index23123 {
  @State phoneNumberForDisplay: string = ''

  build() {
    Column(){
      TextInput({ placeholder: "请输入手机号", text: this.phoneNumberForDisplay })
        .maxLength(13)
        .maxLines(1)
        .fontSize(20)
        .fontColor("#1B1B1B")
        .fontSize(16)
        .placeholderColor("#C6C6C6")
        .placeholderFont({ size: 16 })
        .enterKeyType(EnterKeyType.Next)
        .inputFilter("['0-9 ']")
        .backgroundColor(Color.Transparent)
        .onChange((value) => {
          value = value.replace(new RegExp(" ", 'g'), "");
          if (value.length > 7) {
            this.phoneNumberForDisplay = value.substring(0, 3) + " " + value.substring(3, 7) + " " + value.substring(7);
          } else if (value.length > 3) {
            this.phoneNumberForDisplay = value.substring(0, 3) + " " + value.substring(3)
          }
          // this.phoneNumber = value;
        })
        .enableKeyboardOnFocus(false)
        .width('100%')
    }
  }
}
  • 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.
  • 29.
  • 30.
  • 31.
  • 32.
HarmonyOS
2024-12-24 16:36:36
618浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
zxjiu

可以通过给TextInput组件增加.type(InputType.PhoneNumber)属性解决

分享
微博
QQ
微信
回复
2024-12-24 19:31:07


相关问题
HarmonyOS 输入框与软键盘问题
827浏览 • 1回复 待解决
HarmonyOS 软键盘操作API
538浏览 • 1回复 待解决
HarmonyOS 软键盘问题
483浏览 • 1回复 待解决
HarmonyOS TextInput软键盘监听
841浏览 • 1回复 待解决
HarmonyOS dialog和软键盘
687浏览 • 1回复 待解决
HarmonyOS 软键盘弹出方式
850浏览 • 1回复 待解决
HarmonyOS 如何监听软键盘收起
916浏览 • 1回复 待解决
HarmonyOS 弹窗不避让软键盘
1338浏览 • 1回复 待解决
HarmonyOS 如何监听软键盘弹出
878浏览 • 1回复 待解决
如何主动收起软键盘
922浏览 • 1回复 待解决
如何判断软键盘是否弹出
2793浏览 • 1回复 待解决
关于软键盘弹出遮挡问题
1876浏览 • 1回复 待解决
HarmonyOS 显示软键盘方法无效
479浏览 • 1回复 待解决