La différence entre les événements jQuery mouseover, mouseout et survol

Il n'y a pas si longtemps, je voulais imiter l'effet de faire glisser le cartable vers le haut sur Taobao et l'espace QQ pour afficher un menu déroulant, mais j'ai découvert que sous IE6, le survol de la souris continuait à démarrer lorsque en déplaçant la souris à l'intérieur du divEvent, je me demandais, j'ai trouvé cet article sur Internet, c'est d'ailleurs expliqué dans l'API, mais je ne l'ai pas vu, je crois des amis qui ont le même problème sera inspiré après avoir lu cet article
Je pensais que dans jquery, les événements mouseover et mouseout sont en fait équivalents à l'événement hover. Il n’y a aucune différence entre les deux, ils devraient être identiques. Mais hier un effet animation m'a fait comprendre que les deux ne sont pas équivalents.

<div class="wrapper">

< div class="img"></div>

< div class="text"></div>

< /div>

< div class="point"></div>

Ajoutez un événement au wrapper, et lorsque la souris se déplace vers le wrapper, le calque avec class="point" sera agrandi. Mais si vous utilisez les événements mouseover et mouseout, lorsque la souris se déplace vers le calque wrapper, le calque de points deviendra plus grand
Mais lorsque la souris se déplacera entre les calques img et text, le calque de points deviendra plus grand ou plus petit. . Modifications arrêtées. Ce n'est pas le résultat que nous voulons. Ce que nous voulons, c'est que tant que la souris est sur le calque wrapper,
que ce soit sur l'image ou sur le texte, le point deviendra plus grand, mais lorsque la souris n'en sera pas sortie. la couche wrapper, la couche de points ne deviendra pas plus petite.

Lentement, l'idée est devenue claire. Nous avons résolu le problème en utilisant le survol au lieu du survol et du retrait de la souris.

C’est vraiment exagéré qu’il nous ait fallu beaucoup de temps pour résoudre un problème aussi simple. Écrivez un journal en souvenir.

Supplément : Plus tard, mon maître a dit qu'il y avait en fait un tel paragraphe dans le code source de jquery :

hover: function( fnOver, fnOut ) {
return this.mouseenter( fnOver ).mouseleave( fnOut || fnOver );
}

C'est-à-dire survoler ! = survol + sortie de la souris. Mais hover=mouseenter + mouseleave.

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!