Document.hasFocus()

O m√©todo Document.hasFocus() retorna um valor Boolean que indica se o documento ou qualquer elemento dentro do documento est√° com o foco ativo. Este m√©todo pode ser usado para determinar se o elemento ativo em um documento tem foco.

Quando se est√° visualizando um documento, um elemento com focus √© sempre o ativo no mesmo, mas um elemento ativo n√£o necessariamente tem o foco. Por exemplo, um elemento ativo com uma janela (popup) que n√£o √© a principal n√£o tem foco.

Sintaxe

focused = document.hasFocus();

Valor retornado

false se o elemento ativo no documento n√£o tem foco; true se o elemento ativo no documento tem foco.

Exemplo

<!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 = "O documento tem o foco.";
  } else {
    info.innerHTML = "O documento n√£o tem o foco.";
  }
}

function openWindow() {
  window.open (
    "http://developer.mozilla.org/",
    "mozdev",
    "width=640,
    height=300,
    left=150,
    top=260"
  );
}
</script>
</head>
<body>
  <h1>Exemplo do JavaScript hasFocus</h1>
  <div id="message">Esperando por ação do usuário</div>
  <div><button onclick="openWindow()">Abre uma nova janela</button></div>
</body>
</html>

Especificação

Especificação Estado Comentário
HTML Living Standard
The definition of 'Document.hasFocus()' in that specification.
Padrão em tempo real Definição inicial

Compatibilidade de navegadores

Estamos convertendo nossos dados de compatibilidade para o formato JSON. Esta tabela de compatibilidade ainda usa o formato antigo, pois ainda não convertemos os dados que ela contém. Descubra como você pode ajudar!

Funcionalidade Chrome Firefox (Gecko) Internet Explorer Opera Safari
Suporte b√°sico 30 3.0 (1.9) 6.0 N√£o suportado (Yes)
Funcionalidade Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Suporte b√°sico ? 1.0 (1.9) ? N√£o suportado ?

 

Veja também