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。
您还可以轻松地将其与引导程序集成：

$('#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。特别是对于那些正在寻找没有任何依赖项（jQuery 或其他）的轻量级 javascript 虚拟键盘或对 flexbox 布局感兴趣的人。

您可以在这里找到演示：View Demo

披露：我是包的作者。如有任何疑问或问题，请随时在此处或 Github 上留言。