🔍

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

2022/09/29に公開

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

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

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

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

Discussion