在iOS键盘上覆盖自定义键盘

时间:2012-09-19 18:33:18

标签: ios keyboard customization

我正在为有视力障碍的人开发iOS浏览器应用程序。

我已经制作了一个带有大字母/数字和自定义弹出字母的大键盘,这使得使用应用程序本身对于有视力障碍的人来说非常容易。

当用户导航到网站并尝试将文本输入到该网站内的字段(密码字段,搜索字段等)时,会出现问题。在这种情况下,标准的iOS键盘部署 - 大约是我的自定义键盘大小的1/2,没有弹出字母 - 并且对于有视力障碍的人来说不容易使用。

我正在寻找一个创造性的解决方案,并希望堆栈溢出的优秀思想可能会有所帮助。

我知道我们无法禁用iOS键盘。我想提出的解决方案是:

1)有没有办法在iOS键盘上叠加图像,其中包含比iOS键盘的字母/数字更精确的字母/数字字符 - 所以当iOS键盘部署,我们的伪键盘将部署在它的顶部?当用户选择一个键时,他们实际上会在叠加层下方选择相应的键 - 触发该字母或数字?如果是这样,我们还可以添加自定义弹出窗口吗?

2)代替上述内容,有没有办法让iOS键更大或以其他方式自定义它们的外观?

我们非常感谢您提供的任何意见或想法。

3 个答案:

答案 0 :(得分:0)

似乎解决方案是执行以下操作:

var hideKeyboard = function() {
    document.activeElement.blur();
    $("input").blur();
};

我在SO

上找到了一个不同措辞问题的答案

答案 1 :(得分:0)

为什么你不能按照这个问题使用iOS自定义键盘:

How to create a custom keyboard

你提到它在网页上,假设它在UIWebView中。您似乎可以尝试在UIWebView上设置自定义inputView,以便提取自定义输入视图。

答案 2 :(得分:0)

在我的项目中,我还被要求为uiwebview设计一个自定义数字键盘,找到一个解决方案,以防止显示默认键盘。 在输入标签中添加属性
<input class="customPad" readonly="true">
然后在用户单击时绑定事件。
$('customPad').click(){window.location="locationpattern"}
通过更改窗口位置,在您的uiwebview中,您可以使用委托来处理它,并根据需要进行操作。