jQuery+Bootstrap制作的可定制虚拟键盘插件

jQuery+Bootstrap虚拟键盘插件

一款jQuery+Bootstrap制作的可定制虚拟键盘插件,自带3个主题和5种语言。可以用鼠标点击按钮来触发虚拟键盘。

使用步骤

1. 正确引入jQuery库和Bootstrap框架文件

<link rel="stylesheet" href="/path/to/bootstrap.min.css">
<script src="/path/to/jquery.min.js"></script>
<script src="/path/to/bootstrap.min.js"></script>

2.引入jQuery插件virtual_keyboard.js文件

<link href="jquery.virtual_keyboard.css" rel="stylesheet">
<script src="jquery.virtual_keyboard.js"></script>

3.在text表单上调用keyboard函数即可调出虚拟键盘

$('textarea,input').keyboard();

4.通过下面的选项自定义虚拟键盘。默认的选项初始化为一个对象。

$('textarea,input').keyboard({

  // Keyboard Type
  type: 'gatekeeper',  

  // default, monokai, orange
  theme: 'default',  

  // ru_RU, es_ES, pt_PT, it_IT
  language: 'en_US', 

  // active Shift key
  active_shift: false,

  // action Capslock key
  active_caps: false,

  // hide the keyboard on page load
  is_hidden: true, 

  // animation speed in ms
  open_speed: 300, 
  close_speed: 300,

  // show on focus
  show_on_focus_in: true,

  // auto hide when the text field has lost focus.
  hide_on_focus_out: true,

  // Id selector to trigger the keyboard
  trigger: undefined,  

  // enable the plugin
  enabled: true
  
})
打赏
下载 在线预览 积分 (-2) 吐槽 (18)
×
加载中,请稍候…

您需要 登录 后才能发表评论。

avatar

- 评论

  • 加载中,请稍候…
我要吐槽