javascript - 一旦用户在移动设备上提交表单，软键盘就会自动消失

Question

这是一个具有字典查找功能的常规响应式网站。该页面由一个输入文本框和一个相邻的提交按钮组成。目前，如果您在移动浏览器中打开页面并点击文本框，软键盘会自动启动，这是理想的。但不可取的是，即使用户点击软键盘上的 enter 键，键盘仍保持打开状态。我知道必须有某种方法来改变这一点。这种情况是否需要特殊的 Android/iOS 特定库之类的？我可以在按钮的 onclick() 中添加一些内容来实现它吗？如果可以的话，可以使用什么功能呢？请注意，当点击页面上的提交按钮时，键盘会很好地消失...这只是软键盘回车键，即使它成功提交了表单，也不会对其自身产生影响。

我尝试了以下方法但失败了:

function lookup_check(lookupterm){
    close_kb();
    $('#word').blur();
    if(lookupterm != ""){ lookup_word(lookupterm); }
    else{
        var testing = $('#word');
        testing.addClass('empty');
        setTimeout(function(){ testing.removeClass('empty'); },500);
    }
}

调用上述函数的 HTML 如下:

<button class="btn btn-lg btn-primary lookup-submit" type="submit" id="lookup" onclick="lookup_check($('#word').val());" style="display: inline-block;">Lookup</button>

附注:我们绝对确定，这是一个桌面网站，而不是一个应用程序。

更新:@NovaLogic 提出的线程上已接受的答案已声明在所有 Android 版本上无法一致工作。此外，我正在寻找某种方法来实现这一点，不仅在 Android 上，而且在 iOS/Windows 设备上。所以，不，这个问题不是重复的。

Answer 1

你可以使用

$('form').on('submit', function() {
  $('input').blur();
});

提交后失去对按钮的焦点