當對話框在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()"> 

現在，當你到達最後一個表單元素和壓片，你需要跳轉到第表單元素。

JS：

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