Commentaires
- En quoi est-ce une question UX?
Réponse
De la documentation
- mouseover (): source
Liez un gestionnaire dévénements à lévénement JavaScript « mouseover », ou déclenchez cet événement sur un élément.
Signifie uniquement lorsque la souris est sur un élément.
- .hover (): source
Liez un ou deux gestionnaires aux éléments correspondants, à exécuter lorsque la souris le pointeur entre et laisse les éléments.
Calling $(selector).hover(handlerIn, handlerOut) est un raccourci pour:
$(selector).mouseenter(handlerIn).mouseleave(handlerOut);
Souvent, ces termes sont utilisés ensemble car ils décrivent ce qui doit se passer lorsquun utilisateur place sa souris sur un élément. À quoi ressemblera cet élément? Mais si vous voulez parler à un développeur, il est bon de connaître la différence.
Cest une bonne explication avec des exemples
La fonction hover () est de plus haut niveau – elle est conçue pour appeler des fonctions pour gérer à la fois un événement mouseenter et un événement mouseleave. Cest très pratique pour un élément de linterface utilisateur qui a un état de survol et normal (par exemple un bouton. )
La fonction mouseover () se lie spécifiquement à lévénement mouseover. Cest mieux pour les situations où vous ne vous souciez que lorsque la souris a traversé la frontière dun élément et que vous ne vous souciez pas vraiment de ce qui se passe si elle part. Cest aussi la fonction à appeler lorsque vous souhaitez déclencher lévénement sur un élément.
De Quora
Commentaires
- Bonne réponse. Hélas, ce nest bon que pour JQuery.
Réponse
Y a-t-il une différence fonctionnelle entre les deux termes ou leur signification est-elle identique ?
Je pense que cela dépend de qui parle. La plupart des utilisateurs finaux les utiliseront de manière interchangeable – ce qui est logique. En tant que non-technicien, un survol de la souris est fondamentalement survolant lélément qui provoque une « chose ».
Cependant, pour quelquun qui écrit du javascript, les deux ont des significations différentes.
La méthode .hover () lie les gestionnaires pour les événements mouseenter et mouseleave. Vous pouvez lutiliser pour appliquer simplement un comportement à un élément pendant que la souris est dans lélément.