Como posso descobrir se um documento tem foco no console do desenvolvedor do chrome

Question

Estou tentando ver se meu documento tem foco usando essa API.

link

Então, o que estou fazendo é carregar minha página e, no console do desenvolvedor do Chrome, eu digito 'document.hasFocus ()'

O problema é que ele sempre retorna false. Isso porque, depois que carrego a página, preciso clicar no console do desenvolvedor do chrome para poder digitar 'document.hasFocus ()' e executar esse método.

Isso dá foco ao console.

Como posso resolver este problema?

Obrigado.

    

Answer 1

Em vez de executar o comando no console, crie um botão na sua página. Quando clicado, registrou a saída do método.

<button type=button onclick="function() {console.log(document.hasFocus());}">Do I have focus?</button>