Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/401.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 当模态在没有tabindex=-1属性的情况下打开时,是否有方法将焦点移动到模态?_Javascript_Html_Modal Dialog_Tabindex_Web Accessibility - Fatal编程技术网

Javascript 当模态在没有tabindex=-1属性的情况下打开时,是否有方法将焦点移动到模态?

Javascript 当模态在没有tabindex=-1属性的情况下打开时,是否有方法将焦点移动到模态?,javascript,html,modal-dialog,tabindex,web-accessibility,Javascript,Html,Modal Dialog,Tabindex,Web Accessibility,我知道当模态打开时,由于tabindex=-1属性,焦点转移到模态 当打开模式时没有tabindex=-1属性,有没有办法将焦点移动到模式?确实有,这也是使用JavaScript焦点关闭模式按钮的正确方法。这里有一个例子需要详细说明 <div class='modal' aria-describedby='modalDescription'> <a href="#" class="close" title="close button">X</a> &l

我知道当模态打开时,由于
tabindex=-1
属性,焦点转移到模态


当打开模式时没有
tabindex=-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中的模型可聚焦元素上,直到到达
。重定向关闭
链接,然后它将焦点移回类
的关闭按钮。关闭

我试图回答您的其他问题,当这个问题与那个问题相矛盾时,你到底想达到什么目的。你想提供一个代码示例,并一步一步地说明你期望发生的事情吗?因为我认为你的问题措辞不够好,人们无法回答。我正在寻找解决这个问题的各种方法。好的,所以我很清楚,你是否想在不需要索引的情况下关注模态问题?如果是这样的话,我假设你在模态上有一个关闭按钮(如果不是的话,你需要一个:-P),所以把焦点设置在这个按钮上,然后我可以告诉你如何在模态窗口中捕捉焦点。这是可访问性的最佳模式。