在没有 tabindex = -1 属性的情况下打开模态时，有没有办法将焦点移到模态？答案

【问题标题】：Is there a way to move the focus to a modal when the modal is opened without the tabindex = -1 attribute?在没有 tabindex = -1 属性的情况下打开模态时，有没有办法将焦点移到模态？
【发布时间】：2020-03-11 09:30:03
【问题描述】：

我知道当模态打开时焦点会转移到模态，因为 tabindex=-1 属性。

在没有tabindex=-1 属性的情况下打开模态框时，有没有办法将焦点移到模态框？

【问题讨论】：

我试图回答你的另一个问题，你实际上想达到什么目的，因为这个问题与那个问题相矛盾。您是否想提供一个代码示例并逐步说明您期望发生的事情，因为我认为您的问题措辞不够好，以至于人们无法回答。
我正在为这个问题寻找各种解决方案。？？？ stackoverflow.com/questions/60631666/… 我只是在链接中的问题中添加了示例代码。谢谢！！
对，所以我很清楚您是否想在不需要 tabindex 的情况下关注您的模态问题？如果是这样，我认为您在模态窗口上有一个关闭按钮（如果没有，您需要一个 :-P），所以将焦点设置在该按钮上，然后我可以指出如何在模态窗口中捕获焦点。这是可访问性的最佳模式。

标签： javascript html modal-dialog tabindex web-accessibility

【解决方案1】：

确实有，这也是使用 JavaScript 聚焦模态框的关闭按钮的正确方法。这是一个详细说明的例子。

<div class='modal' aria-describedby='modalDescription'>
  <a href="#" class="close" title="close button">X</a>
  <div class='modal-content'>
    <p class='text' >
    This is a dialog window which 
    </p>
    <button type="submit" aria-label="Know More">Know More</button>
    <a href="#" class="redirect-close"></a>
  </div>
</div>

现在在模型上使用 jquery 或本机 javaScript 打开第一个焦点，关闭按钮下一个选项卡将焦点保持在 DOM 中的模型焦点元素上，直到到达.redirect-close 链接，然后它将焦点移回关闭按钮班级.close

【讨论】：