自定义jQuery屏幕键盘 [英] Customize jQuery On-Screen Keyboard

查看:311
本文介绍了自定义jQuery屏幕键盘的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

>

在我的web应用程序的某些页面显示一个虚拟键盘,所以我发现这个美丽的jQuery屏幕键盘: http://www.jquery4u.com/demos/onscreenkeyboard/

I need to display a virtual keyboard in some pages on my web-app, so I found this beautiful jQuery On-Screen Keyboard: http://www.jquery4u.com/demos/onscreenkeyboard/

您可以从Github下载: https://github.com/sdeering/onscreenkeyboard/archive/master.zip

You can download it from Github: https://github.com/sdeering/onscreenkeyboard/archive/master.zip

我需要帮助来自定义它,最初我认为改变CSS会做,但结果是需要改变一些Jquery函数,我试图删除和更改一些函数的顺序,但没有工作,我不知道Jquery所以我被困。

I need help to customize it, initially I thought that change CSS will do but turn out it need to be changed on some Jquery functions, I tried removing and changing the order of some functions but didn't work, I dont know Jquery so I am stuck.

例如这里有一些修改我需要归档:

For example here are some modifications I need to archive:


  • 默认显示上键(现在显示下键),不要给他们选项键打开下键。

  • 删除输入键

有人可以帮助我找出上述两个修改,并给出简要说明,以便我开始并了解如何自定义

Can someone help me to figure out those 2 modifications above and give a brief explanation so I can get started and understand how to customize a key, I need a lot of modifications.

推荐答案


默认显示上键

Display upper key by default

将此代码添加到HTML文档中(在加载jquery之后,它在第113行执行)
这是运行changeToCapitalLetter函数,它会将键盘更改为大写键。

Add this code to your HTML document (AFTER it loads jquery, which it does on line 113) What this does is run the changeToCapitalLetter function, which will change the keyboard to the capital keys.

< script&
$(document).ready(function(){
jsKeyboard.changeToCapitalLetter();
});
< / script>


删除Enter键,

Remove Enter key and don't give them the option key to turn on lower key.

使用以下代码替换行177和179:

replace lines 177 and 179 with the following code

{ value: "", isChar: "false", buttonClass: "button button_empty", keyClass: "key key_empty" },

这篇关于自定义jQuery屏幕键盘的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆