jQuery - hover()-Methode

Die Methode hover() wird für beide Ereignisse aufgerufenmouseenter und mouseleave. Sie können es verwenden, um zu erkennen, wenn die Maus unter ein Element geht.

.hover( handlerIn, handlerOut )

Die Methode hover() ist eine Abkürzung für :

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

Syntax:

$( selector ).hover( handlerIn, handlerOut )

Example:

$( "p" ).hover(
 function() { // Die Maus gibt die 
 $( this ).addClass( "hover" ); 
 },  function() { // Maus verlässt zone
 $( this ).removeClass( "hover" ); 
 }
);

.hover( handlerInOut )

Diese Methode ist nützlich, wenn dieselbe Verarbeitung sowohl für die Eingabe- als auch für die Ausgabeereignisse des Zielelementbereichs wiederholt wird. Wir müssen den Code nicht sowohl in die Eingabe- als auch in die Ausgabeereignisfunktionen kopieren.

Syntax:

$(selector).hover(handlerInOut)

Wenn eine einzelne Funktion an die Methode hover() werden zwei Ereignisse ausgeführt, mouseenter und mouseleave. Dies ermöglicht es dem jQuery-Benutzer, die verschiedenen Failover-Methoden im Handler zu verwenden oder je nach event.type.

Beispiel:

$( selector ).on( "Mauszeiger in und aus der Box", handlerInOut );

Referenzen:
https://api.jquery.com/hover/

Commentaires (12)

Connectez-vous pour commenter

Rejoignez la discussion et partagez vos connaissances avec la communauté

Créer un compte

Jean Dupont Il y a 2 heures

Excellent tutoriel ! J'ai enfin compris comment utiliser Apache POI correctement.

👍 12 Répondre Signaler

CodeurJava ✓ Auteur • Il y a 1 heure

Merci Jean ! N'hésitez pas si vous avez des questions.