Javascript 如何向我的元素添加辅助功能

我正在尝试为Angular在bootstrap popover窗口上构建可访问性功能

我有点像

 <a href="" data-trigger="focus" tabindex="1" data-placement="top" pop-elem>
   Open a popover                                             
  </a>

Test.html

<div class="popover" role="tooltip">
    <div class="popover-content">
        <div>            
            <a class="btn"
               href="">Item 1</a>
        </div>
        <div>            
            <a class="btn"
               href="">Item 2</a>
        </div>
    </div>
</div>

---

在我的例子中，我不确定如何在popover上构建可访问性。每次我按Tab键，弹出框就会消失。有人能帮我吗？非常感谢

在源代码中找到使popover失效的原因，然后捕获tab事件并使用preventDefault/StopperPogation，这样它就不会被工具提示代码截获。我建议使用angular ui引导的模式。在这里，您可以使用选项卡功能，而不需要额外的编码。请看看这个。

<div class="popover" role="tooltip">
    <div class="popover-content">
        <div>            
            <a class="btn"
               href="">Item 1</a>
        </div>
        <div>            
            <a class="btn"
               href="">Item 2</a>
        </div>
    </div>
</div>