Skip to content

鼓励作者:欢迎打赏犒劳

软键盘问题汇总以及解决方案

唤起纯数字软键盘

不同的手机系统采用不同 type

ios端,直接 type=”number“ 即可唤起ios数字键盘

html
<input type="number"/>

android 端

html
<input type="tel"  pattern="[0-9]*" />

如何让其只能输入数字,关键在 onChange,输入的时候对其做正则,不符合条件不赋值

javascript
// 只能输入数字
let value = e.target.value.replace(/\D/g, '')
// 首字不能为0
if (value[0] === '0') {
	value = value.slice(1)
}

参考资料