【问题标题】:Customize jQuery On-Screen Keyboard自定义 jQuery 屏幕键盘
【发布时间】:2015-06-23 06:42:46
【问题描述】:

我需要在我的网络应用程序的某些页面中显示一个虚拟键盘,所以我找到了这个漂亮的 jQuery 屏幕键盘:http://www.jquery4u.com/demos/onscreenkeyboard/

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

我需要帮助来自定义它,最初我认为更改 CSS 可以,但结果需要在某些 Jquery 函数上进行更改,我尝试删除和更改某些函数的顺序但没有奏效,我不知道Jquery 所以我被卡住了。

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

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

谁能帮我弄清楚上面的那两个修改并给出一个简短的解释,以便我可以开始并了解如何自定义密钥,我需要大量修改。

【问题讨论】:

标签: javascript jquery css twitter-bootstrap virtual-keyboard


【解决方案1】:

默认显示上键

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

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

删除 Enter 键,不要给他们选项键来打开较低 键。

将第 177 和 179 行替换为以下代码

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

  

【讨论】:

  • 非常感谢!如何使那些空键消失(它们仍在发生,这很好,以免弄乱布局,我只是不需要它们出现)
  • 我尝试使用 CSS,但似乎由于某种原因这不起作用,我会尝试看看我是否可以用 jQuery 做任何事情,但我完全没有经验使用 jQuery/js。
  • 我尝试为 button_empty 类添加 css(试图使阴影、半径和渐变变为白色)但仍然无法使其不可见,你有什么运气吗?
  • 还没有运气,尝试使用 jQuery 的 .hide 函数,但它似乎不起作用(或者我可能做错了),还有一些实验,但完全没有运气,我很快会继续做一些研究。
  • 好吧,我放弃了,对不起 :P,我只是不明白 javascript/jQuery 是如何工作的,奇怪的问题是它出于某种原因没有选择 css 类。跨度>
猜你喜欢
  • 2016-01-26
  • 2019-02-07
  • 1970-01-01
  • 2013-02-18
  • 1970-01-01
  • 1970-01-01
  • 2013-06-29
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多