js实现H5、触摸屏数字键盘

 

某些手机端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

 

posted @ 2017-07-23 14:27  龙骑士baby  阅读(6686)  评论(0编辑  收藏  举报