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

您可以尝试Virtual Keyboard，其中包含大量features，language layouts且非常well documented。
您也可以轻松地将其与bootstrap集成：

$('#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'
    }
})

找到完整示例here。

你也可以试试On Screen Keyboard，它更简单，功能更少。

Answer 3

我推荐 simple-keyboard 。尤其是对于那些寻求轻量级javascript虚拟键盘而又没有任何依赖性（jQuery或其他方式）或对flexbox布局感兴趣的人。

您可以在此处找到演示：View Demo

披露：我是包裹的作者。如有任何疑问，请随时在此处或Github上发消息。