html - 如何调试tabindex

Question

Web 浏览器是否有任何工具或插件来调试tabindex功能？似乎tabindex属性是正确的，但它的行为不像预期的那样。还是我做错了什么？

score 29 · Accepted Answer

您可以在 Chrome、Firefox 和 IE 中使用开发人员工具，方法是按下F12并导航到控制台选项卡，然后插入以下内容：

document.addEventListener('keyup', function() {console.log(document.activeElement)})

现在，当您浏览可聚焦项目时，如果您有一组，activeElement包括它的tabindex，将被打印到控制台。

score 13 · Accepted Answer

如果您使用 FireFox，请获取Webdeveloper 工具栏。您可以显示选项卡索引，这可以帮助您调试。

在这里可以找到该选项：

在此处输入图像描述

score 4 · Accepted Answer

在 Chrome 中，您可以右键单击元素并从上下文菜单中选择“检查”。然后切换到控制台并输入$0.tabIndex.

解释：$0 - $4 是指您检查过的最后 4 个元素。tabIndex是 DOM API 的标准属性HTMLEelement。

3 回答 3