【前端】虚拟键盘的简单运用

因公司业务需求，临时了解了一下前端虚拟键盘的实现，做简单记录

 

测试效果图如下：

 

实现：

前端采用layui

页面代码如下

js文件为：

    $('#payfigure').keyboard({
            layout: 'custom',
            usePreview: false,
            customLayout: {
                'normal' : [
                    '7 8 9',
                    '4 5 6',
                    '1 2 3',
                    '0 {bksp}'
                ]
            },
            autoAccept: true,
        });

//注意此段代码放在layui js中

 

 

 

 

资源路径为：https://download.csdn.net/download/jianmingxie/11255665

参考文档：