iPadフォームを無効にする[前へ| [次へ]ボタン

私はスライダに存在するフォームウィザードを持っています。全体のアイデアは、意思決定に基づいて人をゲートすることです。問題はipadです。 iPad上では[前へ|次へ]を押してフォーム上のフィールドを移動することができます。これにより、ゲーティング戦略が破られます。iPadフォームを無効にする[前へ| [次へ]ボタン

デスクトップブラウザでは、ゲート付きフィールドのキー入力時にfalseを返すことでTABキーを表示しませんでした。しかしiPadで私は解決策を見ない。

私はtabindexを試して、ゲート入力を-1に設定しました。ここでの問題は、ゲートを通って移動した後、[前へ|次へ]ボタンが反応してすべてが乱れることです。

これらのボタンをすべて削除する方法はありますか？または、jsイベントとしてキャプチャしますか？

あなたはONFOCUSとあなたの様々な要素ののonblurイベントをキャプチャし、あなたのニーズに応じて、許可するかどう何らかのロジックが決めることができます

出典

2012-05-13 Fresheyeball

私がこの問題を解決したのはdisableで、ユーザがタブできないようなフォーム要素にはvisibility: hiddenを設定しました。これはお尻の痛みですが、iOS 5でも問題ありません。

出典

2012-05-28 15:01:08 Ben

（これはモバイルウェブページではなく、アプリであることに注意）。結果は「次へ」を押して残りの場所に残ります。

出典

2012-05-15 16:49:12

ええ、私がやったことは終わったのですが、悪いUXになります。 – Fresheyeball

さて、ボタンは削除できません。Safariで表示されるキーボードウィンドウには常に存在します。 iOSアプリのUIWebViewでもそれらを削除するのはかなりハックされています。おそらく、それぞれのフィールドを独自の形式にすることができます。これは、次/前を混乱させ、それらを無効にする可能性があります。 –

私もそれを試しました:(そして残念なことに、アプリは質問から外れています。 – Fresheyeball

touch-input-nav.jsを使用すると、現在フォーカスを持っているコントロールと同じフォームに含まれていない入力フィールドを自動的に無効にすることができます。これは本質的にBenのソリューションを自動化する方法です。ファックス番号：this answer

出典

2014-02-06 00:27:13

iPadフォームを無効にする[前へ| [次へ]ボタン

答えて

関連する問題