Question

我有一个表单，我使用jQuery通过ajax提交，当我提交表单时，我想关闭提交表单的iPhone上的键盘。目前，我使用以下代码作为其表单部分

<form method="POST" id="login">
    <input id="username" type="text" name="username" autocomplete="off">
    <input id="password" type="password" name=password" autocomplete="off">
    <input id="submit" type="submit" name="submit" value="Login">
</form>

我正在使用这个jQuery关闭提交时的键盘

$('input').keyup(function(event) {
    if (event.which === 13) {
      $(this).blur();
    }
});

$('#login').submit(function(e) {
    e.preventDefault();
    $('input').blur();
    .....
});

当用户按下页面上的SUBMIT按钮提交表单时，它会正确关闭键盘。但是在我的测试设备上，iOS 11上的iPhone 5s和最新iOS上的iPhone 7，该窗体打开键盘，底部有一个GO按钮，按下时按下提交表单的方式与按下提交相同，但是即使它已经模糊，也不会关闭键盘。

这里有什么东西可以让这个表格正确地关闭手机上的键盘吗？

IOS上的HTML表单 - 提交时关闭键盘

0 个答案: