我構(gòu)建了一個應用程序,可以在表格內(nèi)外進行輸入。我注意到使用 tab 鍵并沒有循環(huán)遍歷所有的交互元素。如果我將光標放在第一個輸入字段中,我可以一直跳到表格的第一行(其中包含三個輸入和一個按鈕),但是,當我到達第二個輸入字段并點擊 Tab 鍵時,焦點返回到表行的第一個輸入,而不是移動到第三個輸入。如果我單擊以關注表中的第三個輸入,tab 一次將返回到表(它似乎專注于 tbody?),然后 tab 再次返回到表行中的第一個輸入。正如預期的那樣,Shift+tab 退出表格。我嘗試添加tabindex="0"沒有變化。使用 JavaScript 生成的 HTML,問題代碼從第 131 行開始:// add cost per? ? ? ? ? ? const costPer = newRow.insertCell();? ? ? ? ? ? const costPerInput = document.createElement('input');? ? ? ? ? ? costPerInput.className = 'input-table num';? ? ? ? ? ? costPerInput.value = yarn.costPer;? ? ? ? ? ? costPer.appendChild(costPerInput);? ? ? ? ? ? costPerInput.addEventListener('blur', () => {? ? ? ? ? ? ? ? yarn.costPer = costPerInput.value;? ? ? ? ? ? ? ? saveData();? ? ? ? ? ? ? ? displayData();? ? ? ? ? ? });關于為什么我不能瀏覽所有輸入的任何想法?
即使使用 tabindex="0",交互式元素也不會通過 tab 獲得焦點
qq_遁去的一_1
2023-05-25 17:12:56