Différence entre mouseleave et mouseout

de , le , 1 5 4 8071 vues

Avec et sans enfant


La différence entre mouseleave() et mouseout() est simple mais elle est très utile. Comme l'indique le titre, la différence a lieu sur la compréhension ou non des enfants du bloc sur lequel s'effectue l'événement.

mouseout()


Cet evenement ne s'adresse qu'au bloc lui même, et s'exectute dès que vous entrez dans un autre bloc qu'il soit externe ou interne. Vous pouvez tester sur l'exemple ci-dessous. Le bloc rouge est différencié du bloc vert.

mouseleave()


Contrairement à mouseout, mouseleave comprend tous les enfants. Cet événement ne s'execute donc que si vous sortez du bloc et de tout ce qu'il contient.