携帯電話やタブレットなど、ブラウザ用のJSベースのオンスクリーンキーボード

Question

組み込みシステム用のアプリがあり、HTML5、CSS3、およびWebkitブラウザーで実行されるいくつかのJSライブラリに基づいていくつかのアプリを開発しています。キーのカスタマイズ可能なグラフィックスを備えたスクリーンキーボードに実装されたライブラリがあるかどうか疑問に思いました。また、国際化も容易なはずです。

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'
    }
})

完全な例を見つける ここ 。

オンスクリーンキーボード を試すこともできます。これははるかに単純で機能が豊富ではありません。

Answer 3

私はsimple-keyboardをお勧めします。特に、依存関係のない軽量のjavascript仮想キーボード（jQueryなど）を探している人、またはflexboxレイアウトに興味がある人）。

ここでデモを見つけることができます： デモを見る

開示：私はパッケージの作者です。ご不明な点や問題がございましたら、こちらまたはGithubでお気軽にメッセージをお送りください。