Drop down menu “如何制作下拉项”;可点击“;按回车键?

Drop down menu “如何制作下拉项”;可点击“;按回车键?,drop-down-menu,keyboard-shortcuts,accessibility,dropdown,semantic-ui,Drop Down Menu,Keyboard Shortcuts,Accessibility,Dropdown,Semantic Ui,我正在开发一个具有角度和语义用户界面的应用程序 我有一个下拉菜单,如下所示: 菜单 {{m}} 我希望用户可以使用选项卡和输入按钮单击单个项目 正如您所见,它们只能向菜单项移动,但不能触发单击事件 有什么想法吗?我会给这个项目一个0的标签索引,因为像这样的大多数元素在默认情况下是不可标签的 <div class="ui right labeled top pointing floating icon button dropdown"> <i class="icon

我正在开发一个具有角度和语义用户界面的应用程序

我有一个下拉菜单,如下所示:


菜单
{{m}}
我希望用户可以使用
选项卡
输入
按钮单击单个项目

正如您所见,它们只能向菜单项移动,但不能触发单击事件


有什么想法吗?

我会给这个项目一个0的标签索引,因为像这样的大多数元素在默认情况下是不可标签的

<div class="ui right labeled top pointing floating icon button dropdown">
    <i class="icon folder open"></i>
    <span class="text" tabindex="0" role="menu">Menu</span>
    <div class="menu">
        <div class="item" (click)="onClickItem()" *ngFor="#m of menu">
            <i class="icon sign in"></i>
            {{m}}
        </div>
    </div>
</div>

菜单
{{m}}

我添加了0的选项卡索引和菜单的角色。

我会给这个项目一个0的选项卡索引,因为像这样的大多数元素在默认情况下是不可选项卡的

<div class="ui right labeled top pointing floating icon button dropdown">
    <i class="icon folder open"></i>
    <span class="text" tabindex="0" role="menu">Menu</span>
    <div class="menu">
        <div class="item" (click)="onClickItem()" *ngFor="#m of menu">
            <i class="icon sign in"></i>
            {{m}}
        </div>
    </div>
</div>

菜单
{{m}}

我添加了0的选项卡索引和菜单的角色。

您看过Heydon Pickerings吗?您看过Heydon Pickerings吗?我要求的是“可按”按钮,而不是“选项卡”。我要求的是“可按”按钮,而不是“选项卡”。