Virtual Keyboard是一款基于jQuery UI的超炫虚拟键盘插件。该虚拟键盘插件兼容多种主题，可以和jQuery mobile一起工作，并且支持触摸屏设备。

该虚拟键盘插件支持多种键盘布局，如QWERTY键盘，字母键盘， 数字键盘，Dvorak，区域键盘布局和自定义键盘布局。整个虚拟键盘可以通过CSS来自定义样式。

该虚拟键盘的特点有：

• 当指定的输入框聚焦的时候，虚拟键盘将被激活并显示在屏幕窗口中。
• 用户可以在键入时实时预览输入的字母
• 可以非常容易的定制虚拟键盘的布局
• 每个布局都带有4个标准键（default, shift, alt 和 alt-shift）
• 添加任意数量的任意组合键（Meta键）
• 每一个meta键都可以包含shift, alt 和 alt-shift keysets
• 可以将虚拟键盘定位在元素周围的任意位置，或者定位在页面的其它元素上
• 可以修改按键文字为其它语言或符号
• 允许直接输入或锁定预览窗口
• 可以设置输入内容的最大长度
• 可以很容易的输入变音符号，例如下面的例子：
  • ' + vowel ( vowel with acute accent, e.g. ' + e = é )
  • ` + vowel ( vowel with grave accent, e.g., ` + e = è )
  • " + vowel ( vowel with diaeresis, e.g., " + e = ? )
  • ^ + vowel ( vowel with circumflex accent, e.g., ^ + e = ê )
  • ~ + certain letters ( letter with tilde, e.g. ~ + n = ?, ~ + o = ? )
• 可以允许，禁止或添加所需要的读音函数
• 支持ARIA
• 默认使用jQuery UI主题，也可以使用Bootstrap主题
• 内置的水印。如果浏览器不世出HTML5的占位符，会使用它来模拟
• 打字扩展允许你模拟输入键盘演示或协助用户输入
• 可以使用jQuery UI的autocomplete组件来实现输入的自动完成
• 支持多种键盘布局效果

安装

可以通过Bower或npm来安装该虚拟键盘插件。

bower install keyboard
npm install virtual-keyboard                
              

关于该jQuery UI虚拟键盘的更多信息请参考：https://github.com/Mottie/Keyboard

在线预览    源码下载