如何在iPad HTML5应用程序上禁止键盘弹出？

Question

我为iPad编写了一个HTML5应用程序。 它有一个输入字段。 每次用户访问此页面时，都会出现弹出键盘。

如何在HTML5 / JS上下文中抑制此默认行为？

在我的应用程序中，如果您输入登录名和密码，它会显示另一个屏幕（没有页面重新加载）。 但键盘仍然存在，您必须手动隐藏它。

Answer 1

我不确定我理解你对你的问题的描述，似乎不完整。 我可以尝试重新说明一下，看看我是否理解正确吗？

1. 用户在iPad上打开Safari
2. 用户在Safari的地址栏中键入HTML5应用程序的地址，然后点击“开始”按钮
3. 用户将进入您应用的登录页面。 他们点击用户名字段，弹出键盘出现。
4. 他们输入用户名，切换到密码字段，输入密码，然后点击“开始”按钮。
5. 您的应用通过JavaScript在屏幕上加载一些不同的内容。 弹出键盘仍然存在。

如果这是你遇到的问题，在加载新页面的内容之前，可能需要在用户名和密码字段上调用blur功能。 这可能会使键盘消失。

如果这些字段的HTML看起来像这样：

<input type="text" name="username" id="username">
<input type="password" name="password" id="password">

然后JavaScript将是：

document.getElementById('username').blur();
document.getElementById('password').blur();