首页 > 特效插件 > 鼠标键盘特效 >  基于jquery的键盘中文打字插件,JS键盘插件正文

基于jquery的键盘中文打字插件,JS键盘插件

特效介绍
jquery虚拟键盘
jquery虚拟键盘
基于jquery的虚拟键盘。当文本框获得焦点时,就会在文本框的下面弹出和真实键盘一模一样的虚拟键盘,有点类似百度首页的虚拟输入键盘。这在一定的情况下,非常有用,例如用户没有安装中文输入法,或者输入法损坏,亦或者用户的电脑没有键盘。当您在真实键盘上按按键的时候,虚拟键盘也会有反应,例如按住shift,虚拟键盘的小写字母会变成大写字母,数字键盘会变成对应的符号等等。本键盘唯一缺陷是,不能打词组,当您输入第二个字的时候,第一个字就自动录入到文本框里面了。
使用方法
1、在head引入下面的代码:
<script type="text/javascript" src="vk_loader.js?vk_layout=CN%20Chinese%20Simpl.%20Pinyin&vk_skin=flat_gray" ></script>
<script type="text/javascript" src="http://www.5imoban.net/tpl/js/jquery-1.8.3.min.js" ></script>
<script>
function test(){
    VirtualKeyboard.toggle('txt_Search', 'softkey');
    $("#kb_langselector,#kb_mappingselector,#copyrights").css("display", "none");
}
</script>
注:调用代码里面的“txt_Search”是文本框的ID,“softkey”是一个div,用于装载虚拟键盘。

2、在需要使用本虚拟键盘的地方引入下面的html代码:
<input type="text" id="txt_Search" onfocus='test();' onBlur="VirtualKeyboard.toggle('txt_Search','softkey');" />
<div id="softkey"></div>