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

如何在HTML5 / JS上下文中取消此默认行为?

在我的应用中,如果您输入登录名和密码,则会显示另一个屏幕(无需重新加载页面)。但是键盘仍然存在,您必须手动隐藏它。

最佳答案

我不确定我是否理解您对问题的描述,但似乎不完整。我可以尝试重新叙述一下,看看我是否理解正确?

  • 用户在iPad上打开Safari
  • 用户在Safari的地址栏中输入HTML5应用的地址,然后点击“开始”按钮
  • 用户将被带到您应用的登录页面。他们点击用户名字段,然后出现弹出键盘。
  • 他们输入用户名,切换到密码字段,输入密码,然后点击“开始”按钮。
  • 您的应用程序通过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();
    

    10-05 20:39
    查看更多