バーチャルキーボード(ソフトウェアキーボード)を実装するプラグイン「Keyboard」を紹介します。
jQueryプラグイン「Keyboard」
このプラグインを使えば、マウスのクリック操作だけでテキストを入力することができるソフトウェアキーボードを実装することができます。
QWERTYキーボードだけではなく、テンキーやお好みのカスタマイズキーボードも実装することができます。
このプラグインは「jQuery UI」を使っています。
それではデモページのキーボードをご覧ください。
「Keyboard」のデモ
デモのソース(HTML + jQuery)
< meta name = "description" content = "Keyboard のデモでーす。" > |
< title >Keyboard - jQuery Plugin Demo</ title > |
< link href = "http://code.jquery.com/ui/1.9.0/themes/ui-lightness/jquery-ui.css" rel = "stylesheet" > |
< script src = "http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.js" ></ script > |
< script src = "http://code.jquery.com/ui/1.9.0/jquery-ui.min.js" ></ script > |
< link href = "css/keyboard.css" rel = "stylesheet" > |
< script src = "js/jquery.keyboard.js" ></ script > |
< input id = "demo" type = "text" > |
< footer style = "margin-top:20px" > |
< a href = "https://webkaru.net/jquery-plugin/keyboard/" >「jQueryプラグインまとめ」に戻る</ a > |
jsファイルのダウンロード、オプション詳細はこちらからどうぞ。