178 votes

JQuery mouseenter() vs mouseover()

Donc, après avoir lu récemment répondu à la question je ne sais pas si j'ai vraiment compris la différence entre l' mouseenter() et mouseover(). Le post-unis

MouseOver():

Le feu à l'entrée d'un élément et chaque fois que l'un des mouvements de la souris se produire à l'intérieur de l'élément.

MouseEnter():

Le feu à l'entrée d'un élément.

Je suis venu avec un violon qui utilise les deux, et ils semblent assez similaires. Quelqu'un peut-il m'expliquer la différence entre les deux ?

J'ai aussi essayé de lire le JQuery, les définitions, les deux disent la même chose.

L'événement mouseover est envoyé à un élément lorsque le pointeur de la souris entre dans l'élément

Le mouseenter événement est envoyé à un élément lorsque le pointeur de la souris entre dans l'élément.

Quelqu'un peut-il préciser avec un exemple?

281voto

gilly3 Points 33285

Vous voyez le comportement lorsque votre élément cible contient des éléments enfants :

http://jsfiddle.net/ZCWvJ/7/

Chaque fois que votre souris entre ou quitte un élément enfant, est déclenché, mais pas .

29voto

Christopher Points 46

C’est l’un des meilleurs exemples que de, j’ai trouvé :

  • MouseEnter
  • MouseOver
  • mouseout
  • MouseLeave

http://BL.ocks.org/mbostock/5247027

16voto

ErickBest Points 959

Bien qu’ils fonctionnent de la même manière, cependant, le seul événement **se déclenchera lorsque le pointeur de la souris entre dans l’élément sélectionné**. Le événement est déclenché si le pointeur de la souris pénètre dans tous les éléments enfants ainsi.

Espoir qui aide.

--Ebest

3voto

Willem Points 4245

Voir l’exemple de code et la démo au bas de la page de documentation de jquery :

http://API.jQuery.com/MouseEnter/

... mouseover se déclenche lorsque le pointeur se déplace dans l’élément enfant ainsi, alors que mouseenter est déclenché uniquement lorsque le pointeur se déplace sur l’élément lié.

0voto

Charles Forest Points 709

ce lien devrait vous aider à comprendre

http://www.bennadel.com/blog/1805-jQuery-Events-MouseOver-MouseOut-vs-MouseEnter-MouseLeave.htm

la vidéo est vraiment clair.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X