移动端h5实现假键盘，假输入框，假input框

为什么要做这个呢，微信端ios选择type=tel 没有小数点，选择type=number有一大堆的非数字字符，当然你可以用keycode来判断去禁用非数字的点击，何况，这种类型的input框 会将 

只要输入框内的字符串不能转换成浮点数，它的值就变为空了

so当然就不考虑了，那网上搜了一下，发现还可以啊，简单写一个， 实现功能：

 

• 键盘带有小数点，并可以自动弹出
•  限制整数与小数的位数，超过就不能输入
• 无法连续输入不正常的数字
• 如果第一次输入'.' ，自动变为 '0.'
• 输入例如 100 或者 100. 或者 100.0  自动 变为 100.00

因为项目上用的是vux，so将别人的源代码改了一改来适应自己的项目，效果：

代码分为 keyboard.vue     键盘

2  input.vue  输入框

引用

这里需要感谢 ，基本上参考这个的 https://github.com/helicopters/wc-keyboard，这个是通用的，可以根据自己的项目要求去改变

推荐 https://zhuanlan.zhihu.com/p/30360629  这是真的全套的，毕竟我没有去实现点击数字去移动光标，

这个会复杂很多，先暂且实现这样！！