java虚拟键盘_web虚拟键盘VirtualKeyboard

最近做项目，我负责做网页前端，客户需要利用触摸屏进行操作，不外接鼠标键盘，但要求能录入文字，包括数字，英文，中文。思考了一下，决定用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相关推荐

键盘的扫描码虚拟码概念常见Windows键盘按键虚拟码
'当用户按下某个键时, ' 1.键盘会检测到这个动作,并通过键盘控制器把扫描码(scan code)传送到计算机: ' 键盘扫描码跟具体的硬件有关的,不同厂商对同一个键的扫描码有可能不同. ...
隐藏虚拟键盘，解决键盘挡住UITextField问题
再正式开始之前,先来介绍一下IOS的键盘类型: 一.键盘风格 UIKit框架支持8种风格键盘 ? 1 2 3 4 5 6 7 8 9 10 typedef enum { UIKeyboard ...
c# 弹出虚拟键盘关闭虚拟键盘（适用win10、win7）学习记录（转载）
转载自 https://www.cnblogs.com/lizhijian/p/12725782.html c# 弹出虚拟键盘关闭虚拟键盘(适用win10.win7) using System; us ...
USB转蓝牙hid键鼠按键精灵控制手机虚拟键盘、虚拟触摸等功能
#USB转蓝牙hid键鼠按键精灵控制手机虚拟键盘.虚拟触摸等功能提示:目的是为了实现通过电脑控制,达到手机虚拟触摸的功能简单介绍提示:开放协议,可再行开发,提供C# python c++ 等开发 ...
java switch语句练习从键盘输入2个数和一个运算符(+,-,*,/)，输出运算结果
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 3 ...
编写一个Java应用程序，从键盘读取用户输入两个字符串，并重载3个函数分别实现这两个字符串的拼接、整数相加和浮点数相加。要进行异常处理，对输入的不符合要求的字符串提示给用户，不能使程序崩溃。
编写一个Java应用程序,从键盘读取用户输入两个字符串,并重载3个函数分别实现这两个字符串的拼接.整数相加和浮点数相加.要进行异常处理,对输入的不符合要求的字符串提示给用户,不能使程序崩溃. pack ...
习题4.4 编写一个Java应用程序，在键盘上输入数n，计算并输出1!+2!+...+n!的结果。
Java程序设计基础(第5版) 陈国君清华大学出版社习题4.4 编写一个Java应用程序,在键盘上输入数n,计算并输出1!+2!+-+n!的结果. 代码块: package App; import ...
java编程用户输入两个数字_编写一个Java应用程序,要求从键盘输入两个整数,计算这两个数据...,编写一个Java应用程序,要求从键盘输入一个数,判断该数是不...
导航:网站首页 > 编写一个Java应用程序,要求从键盘输入两个整数,计算这两个数据...,编写一个Java应用程序,要求从键盘输入一个数,判断该数是不编写一个Java应用程序,要求从键盘输入 ...
Java入门第二天2-java键盘录入
1.键盘录入的基本步骤 1.1.键盘录入数据概述我们在写程序的时候,数据值都是固定的,但是实际开发中,数据值肯定是变化的,所以,把数据改进为键盘录入,提高程序的灵活性. 键盘录入数据的步骤: A:导 ...

java虚拟键盘_web虚拟键盘VirtualKeyboard

java虚拟键盘_web虚拟键盘VirtualKeyboard相关推荐

最新文章

热门文章