最近做項目，我負責做網頁前端，客戶需要利用觸摸屏進行操作，不外接鼠標鍵盤，但要求能錄入文字，包括數字，英文，中文。思考了一下，決定用JS實現虛擬鍵盤。

首先上網搜索了一下JS虛擬鍵盤，在經過仔細篩選后，相中了VirtualKeyboard，一款功能強大的JS虛擬鍵盤插件。

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

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

集成到項目中去，說干就干！

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

項目頁面中引用JS文件：

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

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

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

下面是個簡單的例子：

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。