Comentários
- Como isso é uma questão de UX?
Resposta
Da documentação
- mouseover (): fonte
Vincule um manipulador de eventos ao evento JavaScript “mouseover” ou acione esse evento em um elemento.
Significa apenas quando o mouse está sobre um elemento.
- .hover (): fonte
Vincule um ou dois manipuladores aos elementos correspondentes, para serem executados quando o mouse o ponteiro entra e sai os elementos.
Calling $(selector).hover(handlerIn, handlerOut) é uma abreviação de:
$(selector).mouseenter(handlerIn).mouseleave(handlerOut);
Muitas vezes, esses termos são usados juntos porque descrevem o que deve acontecer quando um usuário coloca o mouse sobre um elemento. Como será esse elemento? Mas se você quiser falar com um desenvolvedor, é bom saber a diferença.
Esta é uma boa explicação com exemplos
A função hover () é de nível mais alto – é construída para chamar funções para lidar com um evento mouseenter e um evento mouseleave. É muito conveniente para um elemento de IU que tem um estado normal e hover (por exemplo, um botão. )
A função mouseover () se liga especificamente ao evento mouseover. É melhor para situações em que você só se importa quando o mouse cruza a fronteira de um elemento e você não se importa realmente com o que acontece se ele sair. É também a função a ser chamada quando você deseja acionar o evento em algum elemento.
De Quora
Comentários
- Boa resposta. Infelizmente, só é bom para JQuery.
Resposta
Existe uma diferença funcional entre os dois termos ou eles são idênticos em significado ?
Acho que depende de quem está falando. A maioria dos usuários finais os usará de forma intercambiável – o que faz sentido. Como um não técnico, passar o mouse passar o mouse sobre o item que faz com que “algo” aconteça.
No entanto, para alguém que escreve javascript, os dois têm significados diferentes.
O método .hover () vincula manipuladores para eventos mouseenter e mouseleave. Você pode usá-lo para simplesmente aplicar o comportamento a um elemento durante o tempo em que o mouse está dentro do elemento.