css 如何使用Tab键将焦点移动到另一个元素

hl0ma9xz  于 2022-12-05  发布在  其他
关注(0)|答案(1)|浏览(195)

我遇到了一个问题。我有一个带有关闭、取消和提交按钮的模式窗口。例如,当我单击关闭按钮并尝试使用Tab键获取下一个元素时,焦点立即切换到页脚,而不是下一个元素。我需要在按下关闭、提交或取消按钮后使焦点转到下一个项目(打开计算器)
模态代码
第一个
单击“关闭提交”或“取消”按钮后要聚焦的元素的代码

<div class="radio-primary col-lg-12">
             @if (RBBConfiguration.CurrentConfig.EnableFeeSubsidyExternalUrl)
              {
                  <a class="button" target="_blank" href="@(Model.FeeSubsidyExternalLink)" tabindex="0">@Model.FeeSubsidyExternalLinkText</a>
              }
              else
              {
                    <a data-toggle="collapse" data-target=".subsidy-calculator:not(.show)" id="feeCalculator" class=" ml-4" tabindex="0">@Everything.OpenFeeCalculator</a>
              }
</div>

我尝试使用tabindex =(1,2,3等)元素,但无法正常工作

iyr7buue

iyr7buue1#

使用简单onkeydown方法:
第一个
单击窗口,然后单击选项卡
我建议研究下表:enter image description here

相关问题