Événements mouseover et mouseout de JavaScript, lorsqu'il y a des éléments enfants à l'intérieur de l'élément lié, les événements mouseover et mouseout seront déclenchés plusieurs fois lorsque
passe l'élément lié.
Solution jquery :
Les méthodes mouseenter et mouseleave de jquery ont résolu ce problème et peuvent être directement utilisées pour remplacer mouseover et mouseout
Mais il y a mouseenter et mouseleave Un petit problème est que lorsque la souris entre dans l'élément lié à l'événement directement depuis l'extérieur du document, la saisie de la souris ne prend pas effet
La solution temporaire consiste à garder l'élément lié à l'événement éloigné du bord du navigateur et essayez 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.