原生js虚拟键盘,带数字键盘,带手机端,三种模式切换

最近项目中用到虚拟键盘,网上找了一套比较好用的,美化了CSS

带有:PC键盘、数字键键盘、WAP键盘三种模式。

PC键盘:

PC键盘

使用:

var keyboard_pc = new aKeyboard.keyboard({
    el: '#main1',
    style: {},
    fixedBottomCenter: true
})
keyboard_pc.inputOn('#input', 'value')
keyboard_pc.onclick('Enter', function(){
    alert('这是自定义事件!它覆盖了原始的回车事件。');
})

数字键盘:

数字键盘

使用:

var keyboard_number = new aKeyboard.numberKeyboard({
    el: '#main1',
    style: {},
    fixedBottomCenter: true
})
keyboard_number.inputOn('#input', 'value')
keyboard_number.onclick('Enter', function(){
    alert('这是自定义事件!它覆盖了原始的回车事件。');
})

WAP键盘:

WAP键盘

使用:

var keyboard_wap = new aKeyboard.mobileKeyboard({
    el: '#main1',
    style: {},
    fixedBottomCenter: true
})
keyboard_wap.inputOn('#input', 'value')
keyboard_wap.onclick('Enter', function(){
    alert('这是自定义事件!它覆盖了原始的回车事件。');
})

0 位网友评论:

欢迎来评论

请填写验证码

为您推荐