下面小编就为大家带来一篇angularJS利用directive实现移动端自定义软键盘的示例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

最近公司项目的需求上要求我们iPad项目上一些需要输入数字的地方用我们自定义的软键盘而不是移动端设备自带的键盘，刚接到需求有点懵，因为之前没有做过，后来理了一下思路发现这东西也就那样。先看一下实现之后的效果： 实现的效果就是当点击页面中需要弹出软键盘的时候软键盘弹出，浮在页面的中间，和模态框一样的效果，可以在软键盘中输入任何数字，附带的功能有小数点、退格、清空、确定等功能。当在键盘上点击数字的时候页面中的表单中实时的添加对应的数字，上图中可以看到。 产品经理那边给的原因是iPad屏幕本来就小，