javascript - 当对话框在 html 中可见时，防止焦点在不在对话框中的输入元素中

Question

我已经在 html 中实现了对话框。

我想要的是::

在我的对话框中，有一个带有表单元素的表单。对话框下方的主页中还有另一个表单。

现在，当我按下制表符时，光标将移动到每个表单元素，包括对话框下方的元素。

我只想限制对话框下方表单元素中的选项卡。

谢谢你。

Answer 1

可以按属性管理tabIndex

假设您的新表单有三个输入框

<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()">

现在，当您到达最后一个表单元素并按 Tab 时，您需要跳转到该表单的第一个表单元素。

JS：

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