Можно ли при нажатии таба переносить фокус на нужный мне элемент?

Question

[CityzenUNDEAD]

Добрый день!
Есть такой фрагмент
buttonContinue.addEventListener("keydown", function (evt) {
if (evt.keyCode === 9) {
evt.preventDefault();
buttonClose.focus();
};
})

Я хочу, что бы при нажатии таба на определенную кнопку, фокус переносился в нужный мне элемент, а не в следующий по порядку в разметке, но почему то такой код не работает. В чем может быть дело?

Comments

[ituy]

Лучше надо делать в евентах event.target либо this. Иначе в случае buttonContinue может изменится кем-то еще и будет означат другой элемент. Может в том проблема. Всё же не уточняется который этот нужный элемент.

[CityzenUNDEAD]

ituy, короче, я хотел сделать так, что бы при открытии модального окна, табом можно было перемещаться только в пределах окна, типа если на последнем элементе нажимаешь таб, то фокус опять переносится на первый интерактивный элемент модалки. Идея была такая.

Answer 1

[ituy]

Береш все элементы в массив, ставишь i = 0, при нажатии переключаешь фокус по массиву.

var holder = {
    massiv: parent.getElementsByClassName(' . . . '),
    i: 0,
}

… function (event){
    holder.i++;
    if(holder.i >=  holder.elements.length) holder.i = 0;
    holder.elements[holder.i].focus();
}

Остается взять document.activeElement и пройти по всем элементам в массиве проверить надо ли менять i