Question

我有一个html页面如何为bootstrap弹出模式和main指定tab索引。

如果弹出窗口打开，则表索引应仅适用于弹出窗口模式。但是当我点击弹出模式标签的最后一个元素将控件转移到主页面时。

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

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

Answer 1

添加ID以在dom中选择

 <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>

Answer 2

如果您的意思是当您从最后一个元素按Tab键并且模态关闭时，请尝试在模态参数中添加这些。

（确保你的模态包含一个关闭按钮，否则你将无法关闭模态，因为模态不会关闭来自＆＃34; esc＆＃34;按钮的输入或模态体外的点击。）

data-backdrop="static" data-keyboard="false"

但是如果你想通过点击模态来关闭模态，那么只使用

data-keyboard="false"

Answer 3

尝试类似下面的内容

$('#myModal').keydown(function(e){
 if($('#last').is(":focus") && (e.which || e.keyCode) == 9){
e.preventDefault();
$('#first').focus();
  }

});

Answer 4

您可以执行以下操作：

$allzero = $true
$files = Get-ChildItem C:\myfolderfilestosearch -File -Recurse -Force |
         ForEach-Object {
           if ($_.Length -gt 0) {
             $allzero = $false
             continue
           }
           $_.FullName
         }

if ($allzero) {
  $files | Set-Content 'found.txt'
}

使用引导程序弹出模式菜单的选项卡索引

4 个答案: