javascript - 带 Bootstrap 弹出模式菜单的选项卡索引

Question

我有一个 html 页面，如何以不同方式为 bootstrap 弹出模式和 main 指定选项卡索引。

如果弹出窗口是打开的，表索引应该只对弹出模式可用。但是，当我单击弹出模式选项卡的最后一个元素时，将控件转移到主页。

 <a href="#">first element</a>
 .
 .
 ...
<a href="#" >last element in popup</a>

当我在最后一个 a 上按 Tab 键时，它应该将焦点转移到第一个元素而不是转移到主页内容

Answer 1

在dom中添加id选择

 <a href="#" id="first">first element</a>
 .
 .
 ...
<a href="#" id="last" >last element in popup</a>

检查最后一个 a 引发的事件是否是 tab 然后将焦点设置到第一个元素

  <script type="text/javascript">
            document.getElementById('last').onkeydown = function(e){
                if (e.keyCode == 9) {
                    document.getElementById('first').focus();

                }
            }
     </script>