網頁自動調入軟鍵盤輸入中文

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