私は Web サイトで作業しており、モバイル デバイスで動作するようにしようとしています。ほとんどの場合、正常に動作しますが、Android のデフォルト ブラウザでは動作します。
たとえば、日付のテキスト入力があり、jquery カレンダーを使用してユーザーを支援します。そのためのキーボードは本当に必要ありませんが、入力であるため、とにかく表示されます...
問題は、ページ、この場合はページ内フレーム全体のサイズが変更され、キーボードを非表示にするとサイズが復元されないことです。デバイスを回転させるだけで解決しますが、クライアントにそれを伝えることはできません。
キーボードが表示されないようにしたり、ページを再描画するイベントをトリガーしたりすることは可能ですか?
どうぞよろしくお願いいたします。
経験上、モバイル ブラウザでテキスト入力 (デフォルト機能) をクリックしたときにキーボードが表示されないようにする簡単な方法はありません。
ユーザーが常にカレンダーを使用して日付を選択する場合は、テキスト入力を div 要素に切り替えるだけです。
divにクリックイベントを与え、クリックするとjqueryカレンダーがポップアップするだけです:)日付を選択すると、それをdivの中に入れるだけで問題を解決できます
別のオプションは、 textarea/input に disabled="disabled" 属性を与えるだけで、ユーザーがクリックしても何も起こらないようにすることです。次に、カレンダーを表示する独自の onclick を作成できます
$('#id').on('click', function()
{
// bring up calender
});
日付を選択すると、javascriptを介してテキスト入力に挿入できます..
実際に内部をクリックできない場合、キーボードは表示されません。
jQuery blur() イベントを追加すると、日付ピッカーがキーボードをトリガーするのを防ぐことができます。詳細については、この記事「jQuery UI datepicker のフォーカス設定を無効にする」を参照してください。