如何在PhoneGap Android上隐藏键盘

4
我将使用1.0版的PhoneGap来开发Android应用程序。我有一个包含多个字段的申请表,其中一个字段是纪念日。我在该字段中添加了日期选择器,但是当您单击该字段时,键盘会出现。如何禁用键盘?
以下是代码:
<label> Date: </label> <input id="datepicker" type"text" name="date"/>

你找到它的解决方案了吗?我卡在这里了。 - Deepika Lalra
5个回答

5
您可以将输入字段标记为只读,然后创建一个onclick事件函数来显示日期选择器。

太棒了!完全解决了我的问题。 - Relefant
顺便说一下...我的问题出在Phonegap/Cordova上,尝试在使用日期选择器插件之前停止键盘弹出。 - Relefant

4

不确定您使用的是哪个JS库,但在jQuery中,您可以这样做:

$('#datepicker').focus(function() {
  this.blur();
});

1
如果键盘尚未显示,这个方法可行。如果已经显示,你知道如何隐藏它吗? - Yoh Suzuki

3
如果您需要在Android设备上隐藏键盘,可以使用此插件。您可以按以下方式使用它:
plugins.SoftKeyBoard.hide(function () {
    // success
},function () {
   // fail
});

1

这对我有用,让我不再过度纠结!

var hideKeyboard = function() {
    document.activeElement.blur();
    $("input").blur();
};

解决方案可以在这里找到,您可以找到一个非jQuery的解决方案。


1

或者您可以使用新的HTML5输入类型。

<input type="date" name="bday" />

在Google Chrome中,我得到了以下内容:

'Date' HTML5 input type


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接