JS基于屏幕键盘的浏览器,如手机和平板电脑

Question

我们有一个嵌入式系统的应用程序,我们正在开发基于HTML5,CSS3和一些JS库的几个应用程序,这些应用程序在webkit浏览器上运行.我想知道是否有任何库在屏幕键盘上实现可定制的键图形.它也应该很容易国际化.

可能是基于HTML5画布的任何东西？

我很感激任何意见.谢谢!

Answer 1

像这样的东西？

http://net.tutsplus.com/tutorials/javascript-ajax/creating-a-keyboard-with-css-and-jquery/

另外,这是一个(不同的)插件而不是教程:

http://www.sitepoint.com/jquery-on-screen-keyboard/

Answer 2

您可以尝试具有许多功能,语言布局的虚拟键盘,并且有很好的文档记录. 您还可以轻松地将其与引导程序集成:

$('#keyboard').keyboard({
    layout: 'qwerty',
    css: {
        // input & preview
        input: 'form-control input-sm',
        // keyboard container
        container: 'center-block dropdown-menu', // jumbotron
        // default state
        buttonDefault: 'btn btn-default',
        // hovered button
        buttonHover: 'btn-primary',
        // Action keys (e.g. Accept, Cancel, Tab, etc);
        // this replaces "actionClass" option
        buttonAction: 'active',
        // used when disabling the decimal button {dec}
        // when a decimal exists in the input area
        buttonDisabled: 'disabled'
    }
})

在这里找到完整的例子.

您也可以尝试屏幕键盘,它更简单,功能更少.