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