Как отключить фокус на указанных c html элементах?

Question

У меня есть пользовательский компонент ввода в vue js, и в этом компоненте у меня есть вход и две кнопки. Когда ввод теряет фокус, я хочу сосредоточиться на следующем вводе, но теперь он фокусируется на этих кнопках. наконец, я должен нажать клавишу Tab три раза, чтобы сфокусироваться на следующем вводе.

Есть ли какой-либо атрибут html для отключения фокуса на некоторых элементах? или есть javascript способ?

Answer 1

Атрибут tabindex управляет вкладками. Установите значение -1, и клавиша табуляции не остановится на этом элементе.

<button tabindex="-1">click me</button>

Answer 2

Вы можете использовать событие размытия, которое эквивалентно https://www.w3schools.com/jsref/event_onfocusout.asp <input v-on:blur="handleBlur">

Чтобы вызвать что-то, когда вы теряете фокус.

Вы также можете создать tabindex tabindex="0" на элементах для определения порядка табуляции.

К сожалению, вы не можете сделать элемент без фокуса, если не хотите отключить весь элемент. Потому что тогда вы не могли ничего вводить в этот ввод.