Есть ли способ установить tabIndex элемента на последний в tabIndex l oop, не назначая tabIndex всем элементам в DOM?

Question

Я пытаюсь настроить порядок tabIndex в виде нескольких полей ввода и нескольких кнопок. Поскольку элементы в форме являются динамическими c, назначить tabIndex каждому элементу немного сложно. В соответствии с потоком по умолчанию кнопка в форме находится в середине tabIndex l oop, но я хотел, чтобы она находилась ближе к концу tabIndex l oop. Есть ли способ установить tabIndex кнопки / элемента так, чтобы он доходил до конца l oop? будет здорово, если это будет возможно без установки tabIndex для всех других элементов в форме / DOM с использованием jQuery

Answer 1

Использование tabindex для настройки порядка элементов с вкладками не одобряется. Поскольку MDN web делает c на tabindex , читается:

Избегайте использования tabindex значений больше 0. Это затрудняет работу людей, которые полагаются на вспомогательные технологии. перемещаться и управлять содержанием страницы. Вместо этого запишите документ с элементами в логической последовательности .

Вместо переупорядочения с помощью tabindex предпочтительным методом является просто переупорядочить элементы.

Поэтому, если есть кнопка, которая упорядочена неправильно, переместите ее в правильное положение.

Пример:

// move button with matching ID to last position
function moveBtn(btnID) {
  let wrongSpot = document.getElementById(btnID);
  wrongSpot.parentElement.appendChild(wrongSpot);
}

/* optional styling */
#div-form {
  border: 1px solid #bbb;
  padding: 0.5rem;
  width: 20rem;
}

input, button {
  display: block;
  margin: 0.4rem 0;
}

<p>Moving Button to Last Position:</p>

<div id="div-form">
  <input placeholder="input1" />
  <button id="wrong-spot">Button</button>
  <input placeholder="input2" />
</div>

<button onclick="moveBtn('wrong-spot');">Move Button</button>