Différence entre mouseleave et mouseout

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.