6

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

在移动浏览器上浏览网站时（例如 android 上的 firefox mobile），在单击日期文本输入时，会出现日历对话框，但我的 android 上也会出现软键盘（每当有人关注时就会出现软键盘一个输入字段）有没有办法，我可以强制隐藏软键盘？是否有一个通用的基于 javascript 的技巧来强制隐藏软键盘（适用于所有移动设备，如 iphone、android 等？

我在这里使用 jQuery Mobile datepicker TIA

4

4 回答 4

7

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

于 2013-08-08T15:02:03.250 回答
4

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

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

感谢Danny C的这篇文章

于 2012-10-28T21:02:23.987 回答
0

将readonly属性添加到您的日期框。(或 readonly="readonly") input type="text" data-role="date" readonly

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

于 2015-04-08T11:25:48.710 回答
0

我的解决方法（尽管我使用的是不同的插件：来自 jtsage.com 的日期框）目前如下：

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

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

于 2012-06-27T12:06:55.970 回答