.hasFocus()

https://developer.mozilla.org/en-US/docs/Web/API/document.hasFocus

そのドキュメント、またはそのドキュメント内部の要素がフォーカスを持つか否かの真偽値を返します。このメソッドは、フォーカスを持つドキュメント内の要素をアクティブにするか否かを決定するのに使用されます。

注意: ドキュメントを確認する際に、フォーカスを持つ要素は常にそのドキュメント内のアクティブな要素になりますが、アクティブな要素は必ずしもフォーカスを持つわけではありません。例えば、フォアグラウンドでは無い(ポップアップ)ウィンドウ内のアクティブな要素は、フォーカスを持ちません。

文法

focused = document.hasFocus();

ドキュメント内のアクティブな要素がフォーカスを持っていなければfalseを返し、
ドキュメント内のアクティブな要素がフォーカスを持っていればtrueを返します。

例

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>TEST</title>
<style>
#message { font-weight: bold; }
</style>

<script>

setInterval( CheckPageFocus(), 200 );

function CheckPageFocus() {
  var info = document.getElementById("message");

  if ( document.hasFocus() ) {
    info.innerHTML = "The document has the focus.";
  } else {
    info.innerHTML = "The document doesn't have the focus.";
  }
}

function OpenWindow() {
  window.open (
    "http://developer.mozilla.org/",
    "mozdev",
    "width=640,
    height=300,
    left=150,
    top=260"
  );
}

</script>
</head>

<body>
  <h1>JavaScript hasFocus example</h1>
  <div id="message">Waiting for user action</div>
  <div><button onclick="OpenWindow()">Open a new window</button></div>
</body>
</html>

ブラウザ互換性

デスクトップ
機能	Chrome	Firefox (Gecko)	IE	Opera	Safari
基本	30	3.0 (1.9)	6.0	×	◯

モバイル
機能	Android	Firefox Mobile	IE Mobile	Opera Mobile	Safari Mobile
基本	?	1.0 (1.9)	?	×	?

仕様

Focus management

.hasFocus()

文法

例

ブラウザ互換性

仕様

関連項目