Maison  >  Article  >  interface Web  >  Les événements mouseover et mouseout seront déclenchés plusieurs fois après la liaison des astuces elements_javascript

Les événements mouseover et mouseout seront déclenchés plusieurs fois après la liaison des astuces elements_javascript

WBOY
WBOYoriginal
2016-05-16 16:57:531355parcourir

É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.

Déclaration:
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