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
赞
收藏 0
回答 1
相关问题
HarmonyOS 如何实现点击非输入框区域收起软键盘
1681浏览 • 1回复 待解决
HarmonyOS 输入框与软键盘问题
827浏览 • 1回复 待解决
点击输入框时会拉起软键盘,如何实现点击Button时软键盘关闭
3208浏览 • 1回复 待解决
HarmonyOS 如何监听软键盘弹出以及获取软键盘高度
1072浏览 • 1回复 待解决
鸿蒙手机如何隐藏软键盘和弹出软键盘?
16592浏览 • 1回复 待解决
点击输入框时会拉起软键盘,点击button时软键盘关闭要如何实现
1398浏览 • 1回复 待解决
软键盘弹出时,固定导航栏不滚动以及软键盘区域不遮盖组件(输入框)
1991浏览 • 1回复 待解决
HarmonyOS 软键盘操作API
538浏览 • 1回复 待解决
HarmonyOS 如何监听软键盘的弹起与收起及获取软键盘高度
902浏览 • 1回复 待解决
HarmonyOS 如何实现输入框外点击收起软键盘?
573浏览 • 1回复 待解决
HarmonyOS CustomDialog有输入框,如何禁止软键盘顶起Dialog
921浏览 • 1回复 待解决
HarmonyOS 软键盘问题
483浏览 • 1回复 待解决
HarmonyOS TextInput软键盘监听
841浏览 • 1回复 待解决
HarmonyOS dialog和软键盘
687浏览 • 1回复 待解决
HarmonyOS 软键盘弹出方式
850浏览 • 1回复 待解决
HarmonyOS 如何监听软键盘收起
916浏览 • 1回复 待解决
HarmonyOS 弹窗不避让软键盘
1338浏览 • 1回复 待解决
HarmonyOS 如何监听软键盘弹出
878浏览 • 1回复 待解决
如何监听输入法软键盘显示或隐藏事件
827浏览 • 1回复 待解决
HarmonyOS中怎么实现布局不被软键盘遮挡,软键盘弹出时,布局会自动向上滚动,使得当前焦点EditText可见。
472浏览 • 1回复 待解决
如何主动收起软键盘?
922浏览 • 1回复 待解决
如何判断软键盘是否弹出
2793浏览 • 1回复 待解决
关于软键盘弹出遮挡问题
1876浏览 • 1回复 待解决
HarmonyOS 显示软键盘方法无效
479浏览 • 1回复 待解决
可以通过给TextInput组件增加.type(InputType.PhoneNumber)属性解决