Я перемещаюсь по html с помощью клавиш со стрелками (вверх, вниз), фокус направлялся на каждый элемент div. Я хочу пропустить фокус одного элемента div на странице html

Question

<div class="first">First</div>
<div class="second">Second</div>
<div class="third">Third</div>

Я перемещаюсь по html с помощью клавиш со стрелками (вверх, вниз), фокус направлялся на каждый элемент div. Я хочу пропустить фокус одного элемента div на странице html

Я пробовал использовать приведенный ниже код

$('.second').onKeyDown= {e => {
if(e.key == "ArrowUp" || e.key == "ArrowDown") {
e.stopPropagation();
e.PreventDefault();
return false:
}
e.stopPropagation();
}}

Answer 1

от: Как отключить все содержимое div

$("#mydiv").addClass("disabledbutton");

css

.disabledbutton {
    pointer-events: none;
    opacity: 0.4;
}

Answer 2

не уверен, что это то, что вы хотите, но вы можете сделать элементы нефокусируемыми. См. Здесь для справки: https://developer.mozilla.org/nl/docs/Web/HTML/Global_attributes/tabindex

<div class="first">First</div>
<div class="second" tabIndex="-1">Secoond</div>
<div class="third">Third</div>

Обратите внимание, что элемент с отрицательным tabindex по-прежнему может быть сфокусирован, его просто невозможно достичь с помощью последовательной навигации по фокусу (т.е. табуляции)