js自制数字键盘

Posted 2020-09-29 龙骑士baby

 

某些手机端H5页面或者触屏端，输入手机号码或者数字的地方，不想调用手机自带的键盘，用JS实现了数字键盘的控件

1、效果

 

2、调用方法

//初始化
 var numPad= new NumKeyBoard({
          precision: 2,        //精确度
          minVal:10,           //最小值
          maxVal:1000          //最大值
      });

//打开数字键盘弹框,参数为弹框确定按钮的回调函数，回调函数的参数是输入的值

numPad.open(function(val){
　　alert(val)
})

　　

3、控件源码地址

https://github.com/xingxiaoyiyio/numPad-es