6

PHP Webサイトに日付フィールドがあり、モバイルサイトにjQueryMobileを使用しています。

モバイルブラウザ(AndroidのFirefox mobileなど)でサイトを閲覧しているときに、日付のテキスト入力をクリックすると、カレンダーダイアログが表示されますが、Androidではソフトキーボードも表示されます(焦点を合わせるとソフトキーパッドが表示されます)入力フィールド)ソフトキーボードを強制的に非表示にする方法はありますか?ソフトキーパッドを強制的に非表示にする一般的なJavaScriptベースのトリックはありますか(iPhone、Androidなどのすべてのモバイルデバイスで機能しますか?

ここから TIAのjQueryMobiledatepickerを使用しています

4

4 に答える 4

7

より簡単な解決策は、datepickerがアタッチされている入力ボックスにreadonly="true"を追加することです。手動で日付を入力することはできませんが、モバイルでは、キーボードがポップアップして邪魔になることに対処する必要はありません。

于 2013-08-08T15:02:03.250 に答える
4

私の質問に対する答えが見つかりました。(以前は正しいキーワードで検索していなかったと思います:-|)

フォーカスにjQueryblurイベントを追加すると、問題が解決します。

DannyCによるこの投稿に感謝します

于 2012-10-28T21:02:23.987 に答える
0

私の回避策(別のプラグインを使用していますが、jtsage.comの日付ボックス)は現在次のとおりです。

  • 入力に無効な属性を設定します
  • クリックハンドラーを入力またはその親にバインドします
  • クリックハンドラーは、選択した要素で.datebox('open')をトリガーします

このようにフォーカス要素がないため、Androidソフトキーボードのトリガーはありません。

于 2012-06-27T12:06:55.970 に答える
0

日付ボックスに読み取り専用属性を追加します。(または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 に答える