移动端调出纯数字键盘
程序员文章站
2024-01-01 12:26:10
为了适配ios和安卓,写了个十全大补汤,所有调用纯数字键盘的方式都用上了。安卓上虽然默认数字键盘,但是还是可以手动改成其他键盘,比如符号字母等,所以再安卓上有个非常骚气的操作,虽然type=‘tel’,οnkeyup="this.value=this.value.replace(/[^\d]/g,’’)"都写上了,但是有时候能点上小数点,为了全方位无死角禁止非数字,于是又添加了个方法,@input只要值变了就会触发,所以只要输入就用正则控制它为纯数字
为了适配ios和安卓,写了个十全大补汤,所有调用纯数字键盘的方式都用上了。安卓上虽然默认数字键盘,但是还是可以手动改成其他键盘,比如符号字母等,所以再安卓上有个非常骚气的操作,虽然type=‘tel’,οnkeyup="this.value=this.value.replace(/[^\d]/g,’’)"都写上了,但是有时候能点上小数点,为了全方位无死角禁止非数字,于是又添加了个方法,@input只要值变了就会触发,所以只要输入就用正则控制它为纯数字
<input type='tel' v-model="inputVal" pattern="[0-9]*" onkeyup="this.value=this.value.replace(/[^\d]/g,'')" @input="choose()" >
choose () {
this.inputVal= this.inputVal.replace(/[^\d]/g, '')
},
前端小白第一次随意无脑个人记录,不喜勿喷
οnkeyup="this.value=this.value.replace(/\D/g,’’)
将输入值为非数字的字符替换为空.
type = ‘tel’ 调出数字键盘 在ios没有小数点
pattern="[0-9]*" 在安卓无法调出数字键盘 ,在ios能调出数字键盘没有小数点,能输入-+/
(所以我为什么要两个都写上呢,感觉好多余,真是为了好用啥都写上了)
本文地址:https://blog.csdn.net/asdsfytjnxb/article/details/107513227