jQuery - méthode hover()

La méthode hover() est appelée pour les deux événements mouseenter et mouseleave. Vous pouvez l'utiliser pour détecter quand la souris passe en dessous d'un élément.

.hover( handlerIn, handlerOut )

La méthode hover() est un raccourci de :

$( selector ).mouseenter( handlerIn ).mouseleave( handlerOut );
Syntaxe:

$( selector ).hover( handlerIn, handlerOut )
Exemple:

$( "p" ).hover(
  function() {        // Souris entre dans la zone
    $( this ).addClass( "hover" ); 
  }, function() {     // Souris quitte la zone
    $( this ).removeClass( "hover" ); 
  }
);

.hover( handlerInOut )

Cette méthode est utile quand le même traitement se répète pour les deux événement d'entré et de sortie de la zone d’élément cible. On aura pas besoin de copier le code dans les deux fonctions d’événement d'entrée et de sortie.

Syntaxe:

$(selector).hover(handlerInOut)
Quand on passe une seule fonction à la méthode hover(), elle va exécuter deux événements, mouseenter et mouseleave. Cela permet à l'utilisateur jQuery d'utiliser les différentes méthodes de basculement dans le gestionnaire ou de répondre différemment en fonction de event.type.

Exemple:

$( selector ).on( "Pointeur de souris à entré et quitté la zone", handlerInOut );

Références:
https://api.jquery.com/hover/




Partager cet article

Voir aussi: