Quelles sont les différences entre les fonctions jquery .mouseover () et .hover ()? S'ils sont totalement identiques, pourquoi jQuery utilise-t-il les deux?
Réponses
Trop de publicités?Mouseover: source
Liez un gestionnaire d'événements à l'événement JavaScript "survolé" ou déclenchez cet événement sur un élément.
vol stationnaire: source
Liez un ou deux gestionnaires aux éléments correspondants, à exécuter lorsque le pointeur de la souris entre et quitte les éléments.
Vous pouvez mieux comprendre par l’exemple suivant
$('selector').mouseover(one_function)
$('selector').hover(one_function, two_function)
Vous pouvez l'essayer à l' adresse http://api.jquery.com/mouseover/ sur la page doc de jQuery. C'est une jolie petite démo interactive qui le rend très clair et que vous pouvez voir par vous-même.
En bref, vous remarquerez qu'un événement survolant la souris survient sur un élément lorsque vous le survolez - provenant de son élément enfant OU parent, mais un événement d'entrée de souris ne se produit que lorsque la souris passe de l'élément parent à l'élément.
Comme vous pouvez le lire sur http://api.jquery.com/mouseenter/
L'événement JavaScript mouseenter appartient à Internet Explorer. En raison de l'utilitaire général de l'événement, jQuery simule cet événement afin qu'il puisse être utilisé indépendamment du navigateur. Cet événement est envoyé à un élément lorsque le pointeur de la souris entre dans l'élément. Tout élément HTML peut recevoir cet événement.
D'après la documentation officielle: ( http://api.jquery.com/hover/ )
La méthode .hover () lie les gestionnaires pour les événements mouseenter et mouseleave. Vous pouvez l'utiliser pour simplement appliquer un comportement à un élément pendant que la souris se trouve dans l'élément.