最近做項(xiàng)目，我負(fù)責(zé)做網(wǎng)頁前端，客戶需要利用觸摸屏進(jìn)行操作，不外接鼠標(biāo)鍵盤，但要求能錄入文字，包括數(shù)字，英文，中文。思考了一下，決定用JS實(shí)現(xiàn)虛擬鍵盤。

首先上網(wǎng)搜索了一下JS虛擬鍵盤，在經(jīng)過仔細(xì)篩選后，相中了VirtualKeyboard，一款功能強(qiáng)大的JS虛擬鍵盤插件。

先簡單介紹一下VirtualKeyboard，它內(nèi)置了100多種鍵盤布局和200多種輸入法，9套可選皮膚方案，而且支持自建輸入法，功能相當(dāng)強(qiáng)大。

下載下來先查看它的演示文檔，依次打開Jsvk\jscripts\demo_inline.html，看到虛擬鍵盤做的還是蠻漂亮的，而且支持中文拼音輸入，完全符合預(yù)期。如下圖所示：

集成到項(xiàng)目中去，說干就干！

首先將Jsvk\jscripts目錄下的文件復(fù)制到項(xiàng)目中去，文本文件和html演示文件可以刪掉。

項(xiàng)目頁面中引用JS文件：

解釋一下：vk_layout=CN%20Chinese%20Simpl.%20Pinyin 表示默認(rèn)輸入法設(shè)置為簡體中文，vk_skin=flat_gray 表示默認(rèn)皮膚選用flat_gray。這兩個可以根據(jù)個人需要進(jìn)行設(shè)置。

調(diào)用/隱藏虛擬鍵盤的函數(shù)：VirtualKeyboard.toggle("txt_Search","softkey");

txt_Search是文本框的ID,softkey是虛擬鍵盤顯示位置元素的ID。

下面是個簡單的例子：

總結(jié)

以上是生活随笔為你收集整理的java虚拟键盘_web虚拟键盘VirtualKeyboard的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。