Как сфокусироваться на div

Чтобы сфокусироваться на div, нужно добавить ему атрибут tabindex (например, tabindex="0"), после чего можно использовать метод focus().

const divElement = document.querySelector('div');
divElement.focus();

Нюансы:

• tabindex="-1" позволяет фокусироваться программно, но исключает элемент из последовательности табуляции.
• tabindex="0" добавляет элемент в естественный порядок табуляции.
• Для стилизации состояния фокуса используй CSS-псевдокласс :focus.

div:focus {
  outline: 2px solid blue;
}

Важно: По умолчанию div не фокусируем, поэтому без tabindex метод focus() не сработает.