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

【问题标题】：jQuery Mobile Force hide soft keypad on focusing text input fieldjQuery Mobile Force 在焦点文本输入字段上隐藏软键盘
【发布时间】：2011-11-01 19:56:50
【问题描述】：

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

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

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

【问题讨论】：

刚刚找到了我的问题的答案。（我猜我之前没有用正确的关键字搜索 :-|）在焦点上添加一个 jQuery 模糊事件可以解决这个问题。感谢post Danny C
如果你还在寻找我建议dev.jtsage.comDateBox
@Phil，在我运行 Android 4.0.3 的三星 Nexus 1 上，DateBox 有同样的问题：点击输入会导致日期框和软键盘都出现。跨度>

标签： jquery-mobile datepicker soft-keyboard

【解决方案1】：

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

【讨论】：

这是最简单的答案。

【解决方案2】：

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

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

感谢post Danny C

【讨论】：

【解决方案3】：

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

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

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

【讨论】：

【解决方案4】：

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

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

【讨论】：