O que é um hover em HTML?
Em um navegador da web que exibe um documento HTML (HyperText Markup Language), um hover em HTML é uma ação ou evento gerado pela entrada do usuário. Por definição estrita, um hover HTML é o que acontece quando o cursor do mouse em uma tela fica sobre um elemento dentro da página da web, acionando um evento de foco que pode ser respondido pelo código inserido dentro da página da web. O efeito real pode ser qualquer coisa, desde a exibição de algum texto de navegação até a alteração de uma imagem para que ela apareça em destaque ou até a modificação de alguma propriedade separada na página da web. Alguns navegadores da web e sistemas operacionais definem um evento de foco um pouco diferente, portanto, as seleções que usam a tecla Tab do teclado também serão consideradas pairando. Os eventos de foco em HTML geralmente são capturados pelo código CSS (Cascading Style Sheet), funções JavaScript® ou uma combinação de ambos, porque o HTML básico não tem a capacidade de interagir diretamente com um cursor em foco.
A maioria dos sistemas operacionais de computador que aceitam entrada do usuário, na verdade, divide cada ação aparentemente simples em uma sequência de estágios ou eventos. Os navegadores da web devem ser capazes de interpretar e responder a esses eventos para que os usuários possam interagir com uma página da web. Esses eventos são gerados pelo sistema do computador em resposta a uma ação do usuário, transmitidos ao navegador da Web e disponibilizados a todos os programas ativos que estão atendendo aos eventos anexados à página HTML.
Quando um cursor do mouse passa sobre um elemento em um documento HTML, na verdade ele gera pelo menos três eventos separados. A primeira é quando o mouse entra em contato inicialmente com o elemento, conhecido como evento enter ou onMouseEnter. O último evento gerado quando o mouse sai do elemento é chamado de evento exit ou onMouseExit. O período de tempo em que o mouse fica dentro do elemento entre esses dois eventos é conhecido como pairando e gera um evento de foco HTML. Uma coisa a ser observada sobre pairar é que nem sempre um mouse precisa ficar perfeitamente parado para ser considerado pairando; o evento pode ser disparado automaticamente apenas entrando no espaço dos elementos.
A assistência à navegação é um uso comum para um evento de foco HTML, exibindo algum texto informativo no local do cursor do mouse quando um link ou imagem é passado. Também pode ser usado para fornecer definições textuais curtas de palavras em um documento. Mais frequentemente, é usado para fins estéticos, como animar mostradores ou setas gráficas quando o mouse lhes dá foco. Embora existam muitas precauções de segurança para evitá-lo, às vezes, códigos particularmente maliciosos podem usar um evento de foco HTML em um espaço em branco em uma página da Web para fazer com que janelas pop-up apareçam fora do navegador.