iOS uikeyboardの矢印でトリガされる「タブ」アクションを防止するにはどうすればよいですか？

Question

私はHTMLフォームを持っています。特にiOSでは、モーダルが存在するときにユーザーが入力を「タブ」するのを防ぐ必要があります。

iOSキーボードに標準のtabキーがないため、キーボードの上のツールバーにある前/次の矢印が使用されるため、「タブ」の前後に引用符を入れています。そうe.keyCodeに読んでe.preventDefault()はオプションではありません使用して、これらのキーに添付なしDOMのイベントはありません

（下の画像を参照）。何か案は？

Answer 1

は私が実装し終わったソリューションは、次のようなものでした入力がフォーカスを獲得する。それはすぐに元の入力にフォーカスを戻します。非モーダル入力がフォーカスを獲得することを防止する。

Answer 2

残念ながら、テストするiOSはありません。しかし、次のように試してみるといいと思います。

1. 最初のものを除くすべての入力を無効にしてください。
2. ユーザーが情報を入力して検証した後、次の入力を有効にして
3. などのように入力します。

少しでもうまくいくかもしれませんが）。

PS。ただ実現しました。モーダルが存在するときよりも、ユーザーがモーダルの「下」の入力に切り替えることができるということを意味しましたか？

この場合、モーダルフォームの最初の要素にfocus()を強制しなければならないため、新しいフォームでは「タブ」が機能します。 "次へ" の矢印が使用されるたびにJS

function refocus(id){ 
    document.getElementById(id).focus(); 
} 

、目に見えない

HTML

<!-- modal content --> 
<div class="search-modal"> 
    <input type="search" id="search-input" /> 
    <input type="text" onfocus="refocus('search-input')" style="opacity:0;" /> 
</div> 

<!-- main page content --> 
<div class="page-body"> 
    <input type="text" name="fname" /> 
    <input type="text" name="lname" /> 
    <input type="email" name="email" /> 
    <input type="tel" name="phone" /> 
    <!-- ... --> 
</div> 

：