Question

如何按HTML左上角的右下角的“焦点按钮”？

我要编写Web App。

我希望Web App可以在智能电视和任何设备上运行。

他们也许只使用控制器。

但是，我尝试控制器控制我的Web应用。

控制器的左上角右上角按键无法聚焦我的App按钮。

例如

<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按钮。

我要按“ top”键，它将聚焦b2。

我要按“底部”键，它将使b8聚焦。

我要按“左”键，它将聚焦b4。

我要按“向右”键，它将使b6聚焦。

Answer 1

您必须设置按钮tabindex = -1的tabindex 那么您必须为按钮元素调用方法“ focus”

示例： html：<button id="myBtn" tabindex="-1">click me</button>

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

如何在HTML的左上角右键上聚焦按钮？

1 个答案: