如何調試tabindex

Question

是否有任何工具或插件供web瀏覽器調試tabindex功能？看來tabindex屬性是正確的，但它的行爲不像預期的那樣。或者我做錯了什麼？

Answer 1

如果您使用FireFox，請獲取Webdeveloper toolbar。您可以顯示選項卡索引，這可以幫助您調試。

這裏的地方找到該選項：

Answer 2

在Chrome中，您可以右鍵單擊元素，然後從上下文菜單中選擇「檢查」。然後切換到控制檯並鍵入$0.tabIndex。

說明：$ 0 - $ 4是指您檢查過的最後4個元素。 tabIndex是DOM API的HTMLEelement的標準屬性。

見https://developers.google.com/web/tools/chrome-devtools/console/command-line-reference

Answer 3

您可以按F12並導航到控制檯選項卡中使用的開發工具在Chrome，Firefox和IE瀏覽器，然後插入以下內容：

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

現在當您通過可調焦項目activeElement包括其tabindex，如果您有一組，將被打印到控制檯。