如何在phonegap android上隐藏键盘

发布于 2024-11-29 06:01:42 字数 233 浏览 0 评论 0原文

我正在使用 Android 版 PhoneGap 1.0。我有一张申请表,有几个字段,其中之一是填写周年纪念日。我在该字段中放置了一个日期选择器,但是当您单击该字段时,会出现键盘。如何禁用键盘?

代码如下:

<label> Date: </label> <input id="datepicker" type"text" name="date"/>

I am using 1.0 PhoneGap for android. I have an application form with several fields, one of them is to put the anniversary. I put a datepicker that field, yet when you click on the field, the keyboard appears. how can I disable the keyboard?

Code as below :

<label> Date: </label> <input id="datepicker" type"text" name="date"/>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(5

是伱的 2024-12-06 06:01:42

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

You can mark the input field as read only and then create a function for an onclick event to display the datepicker.

情域 2024-12-06 06:01:42

不确定你正在使用什么 JS 库,但在 jQuery 中,你会这样做:

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

Not sure what JS library you're using, but in jQuery, you'd do:

$('#datepicker').focus(function() {
  this.blur();
});
拥抱影子 2024-12-06 06:01:42

如果您需要在 Android 上隐藏键盘,您可以 使用此插件

像这样使用它:

plugins.SoftKeyBoard.hide(function () {
    // success
},function () {
   // fail
});

If you need to hide keyboard on android you can use this plugin

use it like that:

plugins.SoftKeyBoard.hide(function () {
    // success
},function () {
   // fail
});
来日方长 2024-12-06 06:01:42

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

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

在 Google Chrome 中,我得到以下信息:

'Date' HTML5 input type

Alternatively you could use the new HTML5 input types.

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

in Google Chrome i get the following:

'Date' HTML5 input type

赏烟花じ飞满天 2024-12-06 06:01:42

这对我很有用,让我的头免于过度抓挠!

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

此处找到了解决方案,您可以在其中找到一个非 jQuery 解决方案。

This worked for me and saved my head from excessive scratching!

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

The solution was found here, where you can find a non jQuery solution.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文