失去焦点并继续前进div标签

时间:2015-04-09 19:06:03

标签: jquery

在我的网站中,我在angular中有以下代码:

<div class="create-new-type">
    <a ng-repeat="type in availableTypes" href="/{{type.type_name | lowercase}}/" ng-bind="type.name"></a>
</div>

我隐藏了此div标记,并在用户点击菜单时显示。 div标签将显示在窗口的左侧。问题是,当用户点击tab按钮时,它仍然会将焦点隐藏在这些隐藏的链接上。我如何(在jQuery中)告诉它跳过此div中的所有元素以获得焦点,如果它没有显示,然后转到下一个元素?

我在下面阅读了以下内容:

How to allow keyboard tab focusing on div

Navigate the UI using keyboard

1 个答案:

答案 0 :(得分:1)

使用display:none隐藏链接而不是其他内容,例如不透明度或高度0