javascript - 启用键盘导航的指令（使用选项卡）

Question

嗨，我有这个 div，当我们按 Tab 键时，它会被跳过，其他 UI 元素会成为焦点，但不是这个，我需要添加哪个指令，以便在我们使用键盘导航 UI 时它成为焦点

<div class="vertical-menu">       
  <a ng-class="{active: Page == 'homeview'}" ng-click="Page = 'homeview'">
    Home
  </a>    
</div>

标签： javascriptangularjsuser-interfacefrontendkeyboard-navigation

Answer 1

默认情况下，有没有启用 tabindex 的 html 元素，而 div 元素就是其中之一。

要启用它，您必须将tabindex属性设置为 >= 0：

<div tabindex="0"> ... </div>

在这里您可以找到更多信息。