移动端友好的jQuery数字键盘插件

当前位置:主页 > jQuery库 > 表单 > 移动端友好的jQuery数字键盘插件
小编推荐: 掘金是国内最活跃的技术社区,从 jQuery到vue,从前端教程到开源库,无论是入门还是进阶,来掘金你不会错过前端开发的任何一个技术干货。
移动端友好的jQuery数字键盘插件
分享:

    插件介绍

    jQuery.NumPad是一款移动端友好的jQuery数字键盘插件。jQuery.NumPad插件通过设置模板可以轻松的和大部分的UI框架结合使用。可以用该插件来填充数字字段,密码等表单域。

    浏览器兼容性

    浏览器兼容性
    时间:2016-09-17
    阅读:
简要教程

jQuery.NumPad是一款移动端友好的jQuery数字键盘插件。jQuery.NumPad插件通过设置模板可以轻松的和大部分的UI框架结合使用。可以用该插件来填充数字字段,密码等表单域。

使用方法

在页面中引入jquery、jquery.numpad.js和jquery.numpad.css文件。

<link rel="stylesheet" href="path_to_numpad_folder/jquery.numpad.css">
<script src="js/jquery.min.js"></script>
<script src="js/jquery.numpad.js"></script>                  
                
初始化插件

在页面DOM元素加载完毕之后,你可以在任何你需要数字键盘的容器上使用numpad()方法来初始化插件。

function($){
    $('selector1').numpad();
}            
                

下面是该插件的一些手机和桌面电脑的截图效果:

jquery数字键盘效果

jQuery.NumPad数字键盘插件的github地址为:https://github.com/kabachello/jQuery.NumPad

网友评论