À propos de la différence entre les événements mouseover, mouseout, mouseenter et mouseleave_javascript skills

J'ai récemment rencontré ce problème dans les examens en ligne et les centres de cours : lorsque la souris glisse sur le calque actuel, le survol et la sortie de la souris clignotent dans les navigateurs de version inférieure. Phénomène, il y en a beaucoup. façons de résoudre ce phénomène, mais je pense que l'une des plus simples est de remplacer le survol et la sortie de la souris par les entrées et sorties de souris correspondantes.

L'événement mouseover se produit lorsque le pointeur de la souris se trouve sur un élément.

Cet événement est le plus souvent utilisé avec l'événement mouseout.

Remarque : contrairement à l'événement mouseenter, l'événement mouseover sera déclenché si le pointeur de la souris passe par l'élément sélectionné ou ses sous-éléments. L'événement mouseenter n'est déclenché que lorsque le pointeur de la souris passe sur l'élément sélectionné.

Remarque : contrairement à l'événement mouseleave, l'événement mouseout sera déclenché si le pointeur de la souris quitte l'élément sélectionné ou tout élément enfant. L'événement mouseleave n'est déclenché que lorsque le pointeur de la souris quitte l'élément sélectionné. Voir l'exemple ci-dessous pour une démonstration.

L'événement mouseenter se produit lorsque le pointeur de la souris traverse un élément. Cet événement est le plus souvent utilisé conjointement avec l'événement mouseleave.

Remarque : les événements mouseover et mouseout seront également déclenchés lorsque le pointeur de la souris passe à travers les éléments enfants de l'élément sélectionné. Lors de la liaison d'événements, des bugs parfois inattendus peuvent être provoqués par l'événement mouseover mouseout

survol de la souris et entrée de la souris

L'événement mouseover sera déclenché chaque fois que le pointeur de la souris passe par l'élément sélectionné ou ses sous-éléments.

L'événement mouseenter ne sera déclenché que lorsque le pointeur de la souris passera par l'élément sélectionné.

mouseout et mouseleave

L'événement mouseout sera déclenché si le pointeur de la souris quitte l'élément sélectionné ou tout élément enfant.

L'événement mouseleave ne sera déclenché que lorsque le pointeur de la souris quittera l'élément sélectionné.