【技术实现步骤摘要】
基于JavaScript的可复用虚拟键盘实现方法及其应用
本专利技术属于互联网
，更具体地，涉及一种基于JavaScript的可复用虚拟键盘实现方法及其应用。
技术介绍
在某些触屏电脑的web应用中，在信息输入时候，会遇到Windows软键盘无法自动唤醒的情况，现有解决方案一般有两种：一种是外接实体键盘；另外一种是在系统使用前对用户进行培训，或者写个说明文档，告知用户该如何手动调出系统软键盘。但上述两种解决方案都存在一些问题：在实际情况中，有些应用在使用时，因为空间限制或其他原因，不方便使用外接实体键盘；而通过培训或者文档说明等方式告知用户手动调出系统软键盘又非常影响用户体验。
技术实现思路
针对现有技术的至少一个缺陷或改进需求，本专利技术提供了一种基于JavaScript的可复用虚拟键盘实现方法及其应用，利用传统的前端技术实现点击输入框即可唤醒虚拟键盘，具有开发成本低、兼容性好、易移植、功能较多、可个性化的优点。为实现上述目的，按照本专利技术的第一方面，提供了一种基于JavaScript的...
【技术保护点】
1.一种基于JavaScript的可复用虚拟键盘实现方法，其特征在于，包括步骤：/nS1，编写虚拟键盘JS文件和虚拟键盘CSS文件，所述虚拟键盘JS文件用于定义虚拟键盘函数，所述虚拟键盘函数用来绘制虚拟键盘外形、实现虚拟键盘输入功能、以及控制虚拟键盘唤醒和隐藏，所述虚拟键盘CSS文件用于配合绘制虚拟键盘外形及定义虚拟键盘样式；/nS2，在待实现虚拟键盘功能的项目中通过Script标签引入所述虚拟键盘JS文件和jQuery库，并且还通过link标签引入所述虚拟键盘CSS文件；/nS3，为待实现虚拟键盘功能的项目中的输入框元素绑定所述虚拟键盘函数。/n
【技术特征摘要】
1.一种基于JavaScript的可复用虚拟键盘实现方法，其特征在于，包括步骤：
S1，编写虚拟键盘JS文件和虚拟键盘CSS文件，所述虚拟键盘JS文件用于定义虚拟键盘函数，所述虚拟键盘函数用来绘制虚拟键盘外形、实现虚拟键盘输入功能、以及控制虚拟键盘唤醒和隐藏，所述虚拟键盘CSS文件用于配合绘制虚拟键盘外形及定义虚拟键盘样式；
S2，在待实现虚拟键盘功能的项目中通过Script标签引入所述虚拟键盘JS文件和jQuery库，并且还通过link标签引入所述虚拟键盘CSS文件；
S3，为待实现虚拟键盘功能的项目中的输入框元素绑定所述虚拟键盘函数。
2.如权利要求1所述的一种基于JavaScript的可复用虚拟键盘实现方法，其特征在于，所述步骤S1包括子步骤：
S11，创建虚拟键盘JS文件，为jQuery的原型添加虚拟键盘函数对象，创建虚拟键盘CSS文件；
S12，在所述虚拟键盘函数中定义虚拟键盘外形、虚拟键盘输入按键、和虚拟键盘隐藏按键，在所述虚拟键盘CSS文件中配合绘制虚拟键盘外形及定义虚拟键盘样式；
S13，在所述虚拟键盘函数内部定义词典对象；
S14，在所述虚拟键盘JS文件中为所有虚拟键盘按键绑定Click事件。
3.如权利要求2所述的一种基于JavaScript的可复用虚拟键盘实现方法，其特征在于，所述步骤S12包括子步骤：
在所述虚拟键盘函数中新增类名为虚拟键盘的块级元素，该块级元素用作键盘容器，在所述虚拟键盘CSS文件中配合绘制虚拟键盘外形，在所述虚拟键盘函数中为虚拟键盘添加虚拟键盘隐藏按键；
在虚拟键盘的块级元素中新建类名为输出区的块级元素，该块级元素用于点击虚拟键盘输入按键时，显示和选择文字；
在输出区的块级元素下面添加类名为输入区的块级元素，该块级元素用于键盘输入按键的容器，并在容器内部用无序列表标签配合所述虚拟键盘CSS文件绘制虚拟键盘输入按键。
4.如权利要求1所述的一种基于JavaScript的可复用虚拟键盘实现方法，其特征在于，所述步骤S3包括子步骤：
为每个输入框元素绑定身份标识；
然后通过jQuery的身份标识选择器选中身份标识绑定所述虚拟键盘函数。
5.如权利要求1所述的一种基于JavaScript的可复用虚拟键盘实现方法，其特征在于，还包括步骤：
复制所述虚拟键盘JS文件和虚拟键盘CSS文件到新项目...
【专利技术属性】
技术研发人员：曹一康，钟卫为，黄晓艳，
申请(专利权)人：武汉虹信技术服务有限责任公司，
类型：发明
国别省市：湖北;42
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。