【问题标题】:directive to enable keyboard-navigation (using tab)启用键盘导航的指令(使用选项卡)
【发布时间】:2021-12-11 17:28:00
【问题描述】:

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

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

【问题讨论】:

    标签: javascript angularjs user-interface frontend keyboard-navigation


    【解决方案1】:

    有些html元素默认没有开启tabindex,div元素就是其中之一。

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

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

    Here你可以找到更多信息。

    【讨论】:

    • 感谢对我有用,我会仔细阅读文档以更好地理解。
    猜你喜欢
    • 2011-02-28
    • 1970-01-01
    • 2015-08-18
    • 1970-01-01
    • 2023-04-04
    • 2012-01-22
    • 1970-01-01
    • 1970-01-01
    • 2017-08-20
    相关资源
    最近更新 更多