Méthode jQuery mouseenter()
Exemple
Définissez la couleur d'arrière-plan sur jaune lorsque le pointeur de la souris entre dans un élément <p> :
$("p").mouseenter(function(){
$("p").css("background-color", "yellow");
});
Définition et utilisation
L'événement mouseenter se produit lorsque le pointeur de la souris survole (entre) l'élément sélectionné.
La méthode mouseenter() déclenche l'événement mouseenter ou attache une fonction à exécuter lorsqu'un événement mouseenter se produit.
Remarque : Contrairement à l' événement mouseover , l'événement mouseenter ne se déclenche que lorsque le pointeur de la souris entre dans l'élément sélectionné. L'événement mouseover est déclenché si un pointeur de souris entre également dans des éléments enfants. Voir l'exemple à la fin de la page pour une démonstration.
Astuce : cet événement est souvent utilisé avec l' événement mouseleave .
Syntaxe
Déclenchez l'événement mouseenter pour les éléments sélectionnés :
$(selector).mouseenter()
Attachez une fonction à l'événement mouseenter :
$(selector).mouseenter(function)
| Parameter | Description |
|---|---|
| function | Optional. Specifies the function to run when the mouseenter event is triggered |
Essayez-le vous-même - Exemples
la différence entre mouseenter(), mouseover() et mousemove().