jQuery Mobile Force在聚焦文本输入字段上隐藏软键盘

Question

我在PHP网站上有一个日期字段，我正在使用jQuery Mobile进行移动网站。

在移动浏览器上浏览网站时（例如android上的firefox mobile），点击日期文本输入，日历对话框出现，但软键盘也出现在我的android上（软键盘出现时）一个侧重于输入字段） 有没有办法，我可以强制隐藏软键盘？有没有一个通用的基于JavaScript的技巧来强制隐藏软键盘（适用于所有移动设备，如iPhone，Android等？

我正在使用here中的jQuery Mobile日期选择器 TIA

Answer 1

更简单的解决方案是将readonly =“true”添加到您附加了datepicker的输入框中。即使您无法手动输入日期，在移动设备上也不必处理键盘弹出并妨碍使用

Answer 2

刚刚找到了我的问题的答案。 （猜猜我之前没有用正确的关键词搜索： - |）

  

在焦点上添加jQuery模糊事件可以解决问题。

感谢post的Danny C

Answer 3

我的解决方法（虽然我使用的是另一个插件：来自jtsage.com的日期框）目前如下：

• 在输入
上设置已禁用的属性
• 将点击处理程序绑定到输入或其父级
• 点击处理程序触发所选元素上的.datebox（'open'）

这种方式没有焦点元素，因此没有触发Android软键盘。

Answer 4

将 readonly 属性添加到日期框中。 （或readonly =“readonly”）input type =“text”data-role =“date”readonly

对于JQM，添加以下文件：jqm.datepicker.css，jqm.datepicker.theme.css，jqueryUI.js，jqm.datepicker.js