欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

移动端调出纯数字键盘

程序员文章站 2022-03-11 09:28:34
为了适配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