jQuery虚拟键盘中文打字例子_网页虚拟键盘_Js网页软键盘插件
2014-10-23 11:37:24  By: shinyuu

• shinyuu
• JQuery教程
• 0
• 18445
• 19

jQuery虚拟键盘中文打字效果、网页版的虚拟键盘、可以通过虚拟键盘打出中文哦

它是一款基于jquery实现的精简版虚拟键盘中文打字input value赋值效果

对于安全性要求比较高的网站可以引入哦、当然一般的网站如果想做得比较炫的话也可以使用哈

上图是我通过这个键盘打字打出来的效果哈、也可以切换成英文状态哈

当你把这个字的拼音输入完成之后会自己跳到 input 框里面去哈、非常方便

当然代码安装起来也非常简单、下面就来分析一下代码

HTML代码

<center>
<input type="text" id="txt_Search" onfocus=´test();´ 
	onBlur="VirtualKeyboard.toggle(´txt_Search´,´softkey´);" />
<div id="softkey"></div>
</center>
<div style="text-align:center;margin:150px 0; 
			font:normal 14px/24px ´MicroSoft YaHei´;">

jQuery代码

<script>
function test(){
	VirtualKeyboard.toggle(´txt_Search´, ´softkey´);
	$("#kb_langselector,#kb_mappingselector,
		#copyrights").css("display", "none");
}
</script>

当然在使用之前你得引入两个JS文件

jQuey的引入

<script type="text/javascript" 
	src="jquery-1.8.2.min.js" ></script>

键盘的引入

<script type="text/javascript" 
	src="vk_loader.js?vk_layout=CN%20Chinese%20Simpl
	.%20Pinyin&vk_skin=flat_gray" ></script>

下面是源代码下载链接: http://dwtedx.com/download.html?bdkey=s/1o6BMKga 密码: 4bu7

若资源对你有帮助、浏览后有很大收获、不妨小额打赏我一下、你的鼓励是维持我不断写博客最大动力

想获取DD博客最新代码、你可以扫描下方的二维码、关注DD博客微信公众号（ddblogs）

或者你也可以关注我的新浪微博、了解DD博客的最新动态：DD博客官方微博（dwtedx的微博）

如对资源有任何疑问或觉得仍然有很大的改善空间、可以对该博文进行评论、希望不吝赐教

为保证及时回复、可以使用博客留言板给我留言: DD博客留言板（dwtedx的留言板）

感谢你的访问、祝你生活愉快、工作顺心、欢迎常来逛逛