【JavaScript】特定の要素にフォーカスがあるか判定するには？

特定の要素にフォーカスがあるか判定する方法を紹介します。

document.activeElementと比較する

JavaScriptには要素を指定して直接フォーカスがあるか調べる関数は用意されていません。

代わりにアクティブな要素はdocument.activeElementで取得できます。フォーカスがあるか調べたい要素と比較することで、任意の要素にフォーカスがあるかどうか調べることができます。

if (document.getElementById("target") === document.activeElement) {
  //フォーカスがあればtrueを返す
  return true;
}

フォーカスがあればif節内のコードが実行されます。