HTMLモバイル - ソフトキーボードを非表示にする

Question

私はクーポン会社のフロントエンドサイトを開発しており、電話番号と$$の入力が必要なページがあります。私たちはJavascriptで構築された面白い画面キーボードを思いつきました。これは使いやすく高速です。しかし、ユーザーがフォーカスしてテキスト/数字を入力すると、ソフトキーボードがポップするのを止めるソリューションを探しています。

HTML5が出現した「番号/電話/メール」タイプの属性について知っています。しかし、狂ったように聞こえる危険があるので、画面上のキーボードを使用したいと思っています。

注：このウェブサイトは主にタブレットをターゲットとしています。

ありがとうございました。

Answer 1

ソフトキーボードはOSの一部であるため、非表示にすることはできません。また、iOSでは、キーボードからフォーカスがドロップされることもありません。あなたはすぐにテキスト入力を入力の上onFocus属性を使用して、blur()場合

しかし、キーボード自体を非表示になりますし、onFocusイベントが入力が最後に焦点を当てたテキストを定義する変数を設定することができます。

次に、ページ上のキーボードを変更して、キー入力をシミュレートするのではなく、最後にフォーカスを当てた（変数を使ってチェックする）テキスト入力のみを変更します。

Answer 2

Scott Sさんの回答が完璧に機能しました。

私はモバイル用のWebベースの電話ダイヤルパッドをコーディングしていましたが、ユーザーがキーパッド上の数字（テーブル内のtdスパン要素で構成）を押すたびに、ソフトキーボードがポップアップ表示されます。また、ダイヤルしている番号の入力ボックスをタップすることもできないようにしたいと考えました。これは実際には1つのショットで両方の問題を解決しました。以下を用いた：さらに読者/サーチャーのために

<input type="text" id="phone-number" onfocus="blur();" /> 

Answer 3

を：

Rene Potがthis topicに指摘するように、

readonly="true"する入力フィールドを設定することであなたが何も入力 誰を防ぐ必要がありますそれでも、クリック イベントを起動することができます。

この方法を使用すると、「ソフト」キーボードをポップアップさせずに、クリックイベントを開始したり、オンスクリーンキーボードで入力を埋め込むことができます。

このソリューションは、一般に既にコントロールを実装している日時選択ツールでも正常に動作します。

Answer 4

例最大長を塗りつぶした後に、 フィールドからぼやけてしまいます。複数のフィールドがある場合は、追加するラインを追加するだけで済みます（ 'キーボードは消えます）/'

var MaxLength = 8; 
    $(document).ready(function() { 
     $('#MyTB').keyup(function() { 
      if ($(this).val().length >= MaxLength) { 
       $('#MyTB').blur(); 
      // $('#MyTB2').focus(); 
     } 
      }); });