sencha登録フォームのWebappがあります。Safariを使用するとすべて機能しますが、iOS Webviewを使用してホーム画面にページを追加する何らかの理由で問題が発生します。 入力フィールドをクリックすると、キーボードは選択された特定のフィールドにズームしていません。テキストフィールドへの書き込みを開始するには、テキストフィールドを再度押す必要があります。 私は煎茶を使用しています。ios7はキーボードの使用時にwebviewフォーカスを使用します
10
A
答えて
28
私は、iOS 7.使用するためのソリューションHTMLページで、次のメタタグが見つかりました:私は同じ問題に直面して
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, target-densityDpi=device-dpi" />
3
を。私の場合、jquery mobileを使用しています。この問題を解決するために、「オートフォーカス」という属性を入力フィールドに追加しました。
これは、フィールドの最初のタップをシミュレートしているように見えますが、ユーザーのタップはキーボードを開き、フィールドに書き込むことができます。
これが役立つことを願っています。
+0
絶対に華麗です。ヘッダー/フッターが固定されているため、 'height = device-height'ができない場合、これはうまくいきます。 –
関連する問題
- 1. Appleがios7の数字キーボードに使用するフォントは何ですか?
- 2. キーボードを使用してフォーカスのあるボタンの色を変更しますか?
- 3. Actionscript 3キーボードを使用してTextArea内のHTML要素にフォーカスする
- 4. wxpythonを使用したキーボードのキーボード
- 5. WebViewを使用したHttpClient
- 6. Paypal Webviewを使用
- 7. SalesForce Webviewを使用しないiOSログイン時のSalesForce?
- 8. ファイルに別のキーボードを使用する
- 9. Cordovaを使用するwebview
- 10. webviewを使用してPOSTメソッドを使用してファイルをダウンロードします。android
- 11. webviewを使用してshadowprotectを使用してNW.jsを作成します。
- 12. NoSQLを使用し、PostgreSQLをデプロイ時またはプロダクション時に使用する
- 13. ios7 WALを使用したsqliteデータベースはメインデータベースファイルを同期しません
- 14. アンドロイドでwebViewを使用するベストプラクティスは何ですか? recyclerviewの各行でwebviewを使用できますか?
- 15. AndroidカスタムIMEは画面キーボードのデフォルトを使用します
- 16. WebViewを使用せずにWebサイト情報を使用する
- 17. monkeyrunnerでマウスとキーボードの両方を同時に使用できますか?
- 18. キーボードを使用してチェックボックスをオン/オフにするには
- 19. android webviewのjavascriptを使用して
- 20. Android:CSSを使用したWebViewのカスタムフォント
- 21. プロパティアニメーションを使用したWebViewのスケーリング
- 22. ボタンを使用してフォーカスがあるときにテキストフィールドに入力します。JavaScriptを使用します。
- 23. hybird、入力タグのフォーカスは、新しいWebviewを開くときに私の視覚キーボードを開けません
- 24. キーボード入力は、stdio.StandardIOをtwisted pythonで使用しています
- 25. javascriptを使用してhtmlテキストフィールドにフォーカスするには?
- 26. WebviewとJavaScriptの使用
- 27. js(またはjquery)を使用した絵文字ピッカーのフォーカス
- 28. javascriptを使用して親ウィンドウにフォーカスを戻す方法は?
- 29. Android WebViewはキーボードの予測を無効にします
- 30. JSコードはloadUrl()を使用してwebViewで起動しますが、evaluateJavascript()は使用しません。
私はこの問題のJavaScript修正で無駄にしていることは想像もできません。あなたのソリューションは、私の一日を救った。 – Justin
それは問題を解決しますが、部分的に解決します。 'height = device-height'は、トップステータスバーの高さを含め、デバイスと同じサイズのコンテンツを持っています。これは実際にコンテンツを利用可能なスペース(ステータスバーの下)よりも高くします。 メタタグ: ''と組み合わせて、コンテンツをステータスバーの下に移動したり、それは私が期待した外観を与えるものではありません。 – Mart
'height = device-height'はそれを修正するオプションのようです。私はそれを削除する場合、それは動作を停止します。 –