javascript - ダイアログが html に表示されている場合、ダイアログにない入力要素にフォーカスが置かれないようにします

Question

ダイアログをhtmlで実装しました。

私が欲しいのは::

私のダイアログには、フォーム要素を持つフォームがあります。ダイアログの下のメインページに別のフォームがあります。

これで、タブを押すと、カーソルがダイアログの下の要素を含む各フォーム要素に移動します。

ダイアログの下のフォーム要素のタブを制限したいだけです。

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

Answer 1

属性で管理できますtabIndex

新しいフォームに3つの入力ボックスがあるとしましょう

<input type="text" tabIndex="31" name="inp1" id="inp1">
<input type="text" tabIndex="32" name="inp2" id="inp2">
<input type="text" tabIndex="33" name="inp3" id="inp3" onBlur="tabIndexToFirst()">

最後のフォーム要素に到達してタブを押すと、そのフォームの最初のフォーム要素にジャンプする必要があります。

JS：

function showNewForm() {
 document.getElelmentById('inp1').focus();
}
function tabIndexToFirst() {
 document.getElelmentById('inp1').focus();
}