如何在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();