当在html中显示对话框时，防止在对话框中的输入元素中聚焦

Question

我在html中实现了对话框。

我想要的是::

在我的对话框中，有一个包含表单元素的表单。    对话框下的主页面中还有另一种形式。

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

我只想限制对话框下方表格元素中的标签。

谢谢。

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();
}