Tabindex根本不在DOM中应用

Question

我正在尝试通过在代码中设置tabindex =“”来激活模式时的焦点，但是不幸的是，浏览器（在Chrome和FF中选中）没有显示该属性。

为解决此问题，我尝试将tabindex赋予空白div标签，但该标签也无法正常工作。

这是我编辑器中的代码。

<div className="modalBox" id="returnBookModalPanel" tabindex="0" role="dialog" aria-modal="true">
<div tabindex="0"></div>

---

浏览器呈现的代码

<div class="modalBox" id="returnBookModalPanel" role="dialog" aria-modal="true">
<div></div>

我也遵守无障碍标准https://www.w3.org/TR/wai-aria-practices/#dialog_roles_states_props

Answer 1

我在html中添加了一些虚拟文本，但是如果运行该代码段，则可以看到可以切换到div。因此，浏览器不会忽略该属性。 也许有些JS或某些东西正在删除该属性？

<div className="modalBox" id="returnBookModalPanel" tabindex="0" role="dialog" aria-modal="true">
Content 1
<div tabindex="0">Content 2</div>
</div>