フォーカスが当たっている要素を特定する

Tabキーで変なとこにフォーカス当たる問題

いつの間にかTabキーでフォーカスが変なところに当たるようになってた経験ありませんか？
そんな時は下記のコードをDevToolのコンソールに貼り付けましょう。

document.addEventListener('keyup', (event) => {
  if (event.key !== 'Tab') return;
  console.log(document.activeElement);
});

あとはTabキーを連打するだけでデバッグ出来ます。