当用户单击“Go”时隐藏移动网络浏览器键盘

Question

我建立了一个带有一些 type="number" 输入框的网站。某些 jQuery 会检测这些框中的值何时发生变化，执行计算并向用户显示结果。没有表单提交。甚至没有表单，只有输入框。

这在桌面上效果很好。

但是，在移动设备上存在问题。在 Android 上的 Chrome 上，当用户单击输入框时，会弹出移动键盘。没关系。键盘包括一个“Go”按钮。目前，“Go”按钮不执行任何操作，当用户单击“Go”时，键盘仍然保留。我希望“Go”按钮能够简单地隐藏移动键盘。

关于如何做到这一点有什么想法吗？

Answer 1

移动键盘上的“Go”按钮将“Enter”按键发送到输入框。要使键盘消失，请在用户单击 Enter 时模糊输入字段上的焦点。这段 jQuery 完成了这个工作：

$("#inputElementId").on("keypress", function(event){
    if (event.keyCode == 13) {
            event.preventDefault();
            event.target.blur()
        }
})