Maison > interface Web > js tutoriel > Une explication détaillée des événements jQuery mouseover et mouseout sera également déclenchée lorsque la souris passe sur un élément enfant

Une explication détaillée des événements jQuery mouseover et mouseout sera également déclenchée lorsque la souris passe sur un élément enfant

黄舟
Libérer: 2017-06-28 13:54:46
original
1664 Les gens l'ont consulté

Les événements de survol et de sortie de souris de

javascript, lorsqu'il y a des éléments enfants à l'intérieur de l'élément lié,

passe par l'élément lié Les événements mouseover et mouseout seront déclenchés plusieurs fois.

jquerySolution :

Les méthodes mouseenter et mouseleave de jquery ont résolu ce problème et peuvent être utilisées directement pour remplacer le survol et la sortie de la souris

Cependant, il y a un petit problème avec mouseenter et mouseleave Lorsque la souris est directement saisie depuis l'extérieur du document dans l'élément lié à l'événement, mouseenter ne prend pas effet

La solution temporaire consiste à garder l'élément lié à l'événement éloigné du bord du navigateur et à essayer de laisser un espacement d'au moins 1 px.

De plus, la méthode hover() de jquery équivaut à utiliser mouseenter et mouseleave. Il peut également résoudre les problèmes de survol et de sortie de la souris.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal