Как сфокусировать кнопку на верхнем левом нижнем правом углу в HTML? - PullRequest
0 голосов
/ 04 марта 2019

Как сфокусировать кнопку при нажатии на верхнюю нижнюю левую правую клавишу в HTML?

Я хочу написать веб-приложение.

Я хочу, чтобы веб-приложение могло работать на Smart TV и на любом устройстве..

Возможно, они используют только контроллер.

Но я пытаюсь контролировать контроллер моим веб-приложением.

Правая нижняя левая клавиша контроллера не может фокусировать кнопку моего приложения.

Например

<html>
<body>
<button id="b1">b1</button><button id="b2">b2</button><button id="b3">b3</button>
<br>
<button id="b4">b4</button><button id="b5">b5</button><button id="b6">b6</button>
<br>
<button id="b7">b7</button><button id="b8">b8</button><button id="b9">b9</button>
</body>
</html>

Если на этот раз фокусировать кнопку b5.

Я хочу нажать «верхнюю» клавишу, она будет фокусироваться b2.

Я хочу нажать «нижнюю» клавишу, она будет фокусироваться b8.

Я хочу нажать «левую» клавишу, она будет фокусироваться b4.

Я хочу нажать «правую» клавишу, она будет фокусироваться b6.

1 Ответ

0 голосов
/ 04 марта 2019

Необходимо установить tabindex для кнопки tabindex = -1, затем необходимо вызвать метод "focus" для элемента кнопки

пример: html: <button id="myBtn" tabindex="-1">click me</button>

JavaScirpt: document.getElementById('myBtn').focus()

...