Identificar elemento ativo num documento HTML via JavaScript

Infelizmente, poucos no momento sabem como identificar com facilidade qual elemento html está ativo, assim como qual elemento de um formulário tem o focus no momento, qual input do form tem o focus, etc, utilizando JavaScript de maneira simples e direta.

Esta dica é muito poderosa para os amantes de JavaScript, pois, basta um simples document.activeElement e se terá como retorno o elemento ativo ou com focus naquele exato momento.

//Apresenta o elemento ativo no momento
alert(document.activeElement);

//Caso o elemento tenha id, por exemplo, será apresentado o id do elemento ativo
alert(document.activeElement.id);

//Caso queira mais detalhes, basta visualizar no console
console.log(document.activeElement);

Gostou? Tire um minutinho e dê sua contribuição para Drall Dev Community no Patreon!

Artigos relacionados:

Javascript – Obter elemento ativo Acessar o scope de um elemento externamente a seu controller em AngularJS Como implementar o jQuery timeago JQuery – Obter a versão utilizada Método cross-browser para detectar que a página foi carregada em JavaScript Puro (vanilla) Inserindo elemento condicionalmente no angularjs (ng-if) Obter o nome da tag de um elemento HTML utilizando jQuery Dando foco a um elemento HTML ao carregar a página em HTML5 Transformar dados javascript em JSON utilizando a linguagem javascript