Javascript 如何抑制iPad HTML5应用程序上的键盘弹出？

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

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

---

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

我不确定是否理解您对问题的描述，它似乎不完整。我可以试着重新陈述一下，看看我是否理解正确吗

用户在iPad上打开Safari

用户在Safari的地址栏中输入HTML5应用程序的地址，然后点击“Go”按钮

用户将被带到应用程序的登录页面。他们点击用户名字段，弹出键盘出现

他们输入用户名，切换到密码字段，输入密码，然后点击“开始”按钮

你的应用程序通过JavaScript在屏幕上加载一些不同的内容。弹出式键盘仍然存在

如果这是您遇到的问题，那么在加载新页面的内容之前，在用户名和密码字段上调用

blur

函数可能是值得的。这可能会使键盘消失

如果这些字段的HTML如下所示：

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

---

隐马尔可夫模型。。其中一个解决方案是禁用它。。。还有其他的吗？也许，就像我的情况一样，因为您已经为字段分配了一个jQuery日期选择器。但禁用该字段也会禁用日期选择器。在我的应用程序中，如果您键入登录名和密码，它会显示另一个屏幕（无需重新加载页面）。但键盘仍然存在。。。您必须手动隐藏它…@Rob：将日期选择器分配给隐藏的输入或其他可视的非表单元素，并向按钮添加单击事件。使单击事件触发器日期选择器显示。如有必要，在complete（不确定实名）事件上添加回调以获取返回的值，以便您可以在另一个可视HTML元素（此时甚至是表单元素）中显示该值。在通过ajax提交表单之前，您是否尝试在表单中的所有输入、文本区域上调用blur？

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