用户点击“开始”时隐藏移动网络浏览器键盘

时间:2018-02-05 20:29:05

标签: android jquery html5 forms mobile

我构建了一个带有几个输入框的网站,其中type =“number”。一些jQuery会检测这些框中的值何时更改,执行计算以及向用户显示结果。没有表格提交。甚至没有形式,只有输入框。

在桌面上运行良好。

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

关于如何做到这一点的任何想法?

2 个答案:

答案 0 :(得分:2)

移动键盘上的“开始”按钮会向输入框发送“Enter”键。要使键盘消失,请在用户单击enter时模糊输入字段上的焦点。这一点jQuery完成了这项工作:

Base

答案 1 :(得分:1)

如果您不希望他们点击输入框,为什么不将其设为只读?

 <input type="text" readonly>

或者查看关于移动键盘的其他帖子,因为它可能更符合您的要求:HTML Mobile -forcing the soft keyboard to hide