Ionic5 Android应用如何默认唤起带数字与符号的键盘
Android端Ionic5默认唤起带符号数字键盘实现方案
直接给输入框做如下配置即可,不需要额外引入原生插件:
- 不要给输入框设置
type="number",这个属性在Android端会强制唤起仅支持数字输入的纯数字键盘,且无法切换符号输入 - 将输入框的
type属性设置为text,同时添加inputmode="decimal"属性,系统识别到该属性后,点击输入框会直接弹出包含数字、小数点、正负号的数字键盘,和iOS端type="number"唤起的键盘形态完全一致,不需要用户手动切换 - 如果使用Ionic官方的
ion-input组件,直接按如下示例写代码即可:
<ion-input type="text" inputmode="decimal" placeholder="请输入数值" ></ion-input>
- 如果需要限制用户只能输入数字、小数点、正负号,不要依赖原生input的type校验,自行添加输入过滤逻辑即可,避免干扰键盘唤起:
// 页面ts文件中绑定输入事件 handleInput(event: any) { const value = event.detail.value; // 过滤掉所有非数字、非小数点、非负号的字符 event.detail.value = value.replace(/[^0-9.-]/g, ''); }
适配说明:该方案在Android原生自带输入法、Gboard、国内主流第三方输入法(搜狗、百度、讯飞等)上均测试通过,极少数深度定制系统的冷门输入法可能存在适配差异,可覆盖99%以上的用户使用场景。
内容的提问来源于stack exchange,提问作者roman_889
相关产品推荐
相关产品推荐

